<!-- CSS:Basics snippet 5. -->
<!-- A selection of primary colours (colors). -->
<!-- Numbers are written in hexadecimal base 16 RGB colour (color) format. -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- Code source: http://www.justfigures.co.uk/ -->
<!-- A resource for web developers using XHTML, CSS, JavaScript, PHP -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>View snippet page</title>
<style type="text/css">
.tableClass {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #000000;
}
/* Full hexidecimal format */
.colourClass1 {background-color: #FFFFFF;} /* White */
.colourClass2 {background-color: #000000;} /* Black */
.colourClass3 {background-color: #FF0000;} /* Red */
.colourClass4 {background-color: #00FF00;} /* Green */
.colourClass5 {background-color: #0000FF;} /* Blue */
/* Shorthand format is acceptable */
.colourClass6 {background-color: #FFF;} /* White */
.colourClass7 {background-color: #000;} /* Black */
.colourClass8 {background-color: #F00;} /* Red */
.colourClass9 {background-color: #0F0;} /* Green */
.colourClass10 {background-color: #00F;} /* Blue */
/* make text visible over black background */
.fontWhite {color: #FFFFFF;}
</style>
</head>
<body>
<p>A selection of primary colours (colors).</p>
<p>Numbers are written in hexadecimal base 16 RGB colour (color) format.</p>
<table class="tableClass" cellspacing="1" cellpadding="10" border="1" width="450">
<tr>
<td class="colourClass1">WHITE</td>
<!-- Multiple class names must be separated a whitespace character -->
<td class="colourClass2 fontWhite">BLACK</td>
<td class="colourClass3">RED</td>
<td class="colourClass4">GREEN</td>
<td class="colourClass5">BLUE</td>
</tr>
<tr>
<td colspan="5">Full hexidecimal format</td>
</tr>
<tr>
<td class="colourClass1">#FFFFFF</td>
<td class="colourClass2 fontWhite">#000000</td>
<td class="colourClass3">#FF0000</td>
<td class="colourClass4">#00FF00</td>
<td class="colourClass5">#0000FF</td>
</tr>
<tr>
<td colspan="5">Shorthand format is acceptable</td>
</tr>
<tr>
<td class="colourClass6">#FFF</td>
<td class="colourClass7 fontWhite">#000</td>
<td class="colourClass8">#F00</td>
<td class="colourClass9">#0F0</td>
<td class="colourClass10">#00F</td>
</tr>
</table>
</body>
</html>