Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
table { border-spacing: 0; padding: 0; border: none; }
td { border: none; padding: 0; }
td { width: 1.2em; height: 1.2em; }
</style>
<body>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from blue at the left to red at the right (through fuchsia in the middle).</p>
<table>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0, 0, 255)"> </td>
<td style="background: rgb(51, 0, 255)"> </td>
<td style="background: rgb(102, 0, 255)"> </td>
<td style="background: rgb(153, 0, 255)"> </td>
<td style="background: rgb(204, 0, 255)"> </td>
<td style="background: rgb(255, 0, 255)"> </td>
<td style="background: rgb(255, 0, 204)"> </td>
<td style="background: rgb(255, 0, 153)"> </td>
<td style="background: rgb(255, 0, 102)"> </td>
<td style="background: rgb(255, 0, 51)"> </td>
<td style="background: rgb(255, 0, 0)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0, 0, 255)"> </td>
<td style="background: rgb(51, 0, 255)"> </td>
<td style="background: rgb(102, 0, 255)"> </td>
<td style="background: rgb(153, 0, 255)"> </td>
<td style="background: rgb(204, 0, 255)"> </td>
<td style="background: rgb(255, 0, 255)"> </td>
<td style="background: rgb(255, 0, 204)"> </td>
<td style="background: rgb(255, 0, 153)"> </td>
<td style="background: rgb(255, 0, 102)"> </td>
<td style="background: rgb(255, 0, 51)"> </td>
<td style="background: rgb(255, 0, 0)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</body>