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 table should have four matching rows gradually changing from red at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: #ee0000">&nbsp;</td>
<td style="background: #dd0000">&nbsp;</td>
<td style="background: #cc0000">&nbsp;</td>
<td style="background: #bb0000">&nbsp;</td>
<td style="background: #aa0000">&nbsp;</td>
<td style="background: #990000">&nbsp;</td>
<td style="background: #880000">&nbsp;</td>
<td style="background: #770000">&nbsp;</td>
<td style="background: #660000">&nbsp;</td>
<td style="background: #550000">&nbsp;</td>
<td style="background: #440000">&nbsp;</td>
<td style="background: #330000">&nbsp;</td>
<td style="background: #220000">&nbsp;</td>
<td style="background: #110000">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: #ee0000">&nbsp;</td>
<td style="background: #dd0000">&nbsp;</td>
<td style="background: #cc0000">&nbsp;</td>
<td style="background: #bb0000">&nbsp;</td>
<td style="background: #aa0000">&nbsp;</td>
<td style="background: #990000">&nbsp;</td>
<td style="background: #880000">&nbsp;</td>
<td style="background: #770000">&nbsp;</td>
<td style="background: #660000">&nbsp;</td>
<td style="background: #550000">&nbsp;</td>
<td style="background: #440000">&nbsp;</td>
<td style="background: #330000">&nbsp;</td>
<td style="background: #220000">&nbsp;</td>
<td style="background: #110000">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: #ee0000">&nbsp;</td>
<td style="background: #dd0000">&nbsp;</td>
<td style="background: #cc0000">&nbsp;</td>
<td style="background: #bb0000">&nbsp;</td>
<td style="background: #aa0000">&nbsp;</td>
<td style="background: #990000">&nbsp;</td>
<td style="background: #880000">&nbsp;</td>
<td style="background: #770000">&nbsp;</td>
<td style="background: #660000">&nbsp;</td>
<td style="background: #550000">&nbsp;</td>
<td style="background: #440000">&nbsp;</td>
<td style="background: #330000">&nbsp;</td>
<td style="background: #220000">&nbsp;</td>
<td style="background: #110000">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: #ee0000">&nbsp;</td>
<td style="background: #dd0000">&nbsp;</td>
<td style="background: #cc0000">&nbsp;</td>
<td style="background: #bb0000">&nbsp;</td>
<td style="background: #aa0000">&nbsp;</td>
<td style="background: #990000">&nbsp;</td>
<td style="background: #880000">&nbsp;</td>
<td style="background: #770000">&nbsp;</td>
<td style="background: #660000">&nbsp;</td>
<td style="background: #550000">&nbsp;</td>
<td style="background: #440000">&nbsp;</td>
<td style="background: #330000">&nbsp;</td>
<td style="background: #220000">&nbsp;</td>
<td style="background: #110000">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to red at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffeeee">&nbsp;</td>
<td style="background: #ffdddd">&nbsp;</td>
<td style="background: #ffcccc">&nbsp;</td>
<td style="background: #ffbbbb">&nbsp;</td>
<td style="background: #ffaaaa">&nbsp;</td>
<td style="background: #ff9999">&nbsp;</td>
<td style="background: #ff8888">&nbsp;</td>
<td style="background: #ff7777">&nbsp;</td>
<td style="background: #ff6666">&nbsp;</td>
<td style="background: #ff5555">&nbsp;</td>
<td style="background: #ff4444">&nbsp;</td>
<td style="background: #ff3333">&nbsp;</td>
<td style="background: #ff2222">&nbsp;</td>
<td style="background: #ff1111">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffeeee">&nbsp;</td>
<td style="background: #ffdddd">&nbsp;</td>
<td style="background: #ffcccc">&nbsp;</td>
<td style="background: #ffbbbb">&nbsp;</td>
<td style="background: #ffaaaa">&nbsp;</td>
<td style="background: #ff9999">&nbsp;</td>
<td style="background: #ff8888">&nbsp;</td>
<td style="background: #ff7777">&nbsp;</td>
<td style="background: #ff6666">&nbsp;</td>
<td style="background: #ff5555">&nbsp;</td>
<td style="background: #ff4444">&nbsp;</td>
<td style="background: #ff3333">&nbsp;</td>
<td style="background: #ff2222">&nbsp;</td>
<td style="background: #ff1111">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffeeee">&nbsp;</td>
<td style="background: #ffdddd">&nbsp;</td>
<td style="background: #ffcccc">&nbsp;</td>
<td style="background: #ffbbbb">&nbsp;</td>
<td style="background: #ffaaaa">&nbsp;</td>
<td style="background: #ff9999">&nbsp;</td>
<td style="background: #ff8888">&nbsp;</td>
<td style="background: #ff7777">&nbsp;</td>
<td style="background: #ff6666">&nbsp;</td>
<td style="background: #ff5555">&nbsp;</td>
<td style="background: #ff4444">&nbsp;</td>
<td style="background: #ff3333">&nbsp;</td>
<td style="background: #ff2222">&nbsp;</td>
<td style="background: #ff1111">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffeeee">&nbsp;</td>
<td style="background: #ffdddd">&nbsp;</td>
<td style="background: #ffcccc">&nbsp;</td>
<td style="background: #ffbbbb">&nbsp;</td>
<td style="background: #ffaaaa">&nbsp;</td>
<td style="background: #ff9999">&nbsp;</td>
<td style="background: #ff8888">&nbsp;</td>
<td style="background: #ff7777">&nbsp;</td>
<td style="background: #ff6666">&nbsp;</td>
<td style="background: #ff5555">&nbsp;</td>
<td style="background: #ff4444">&nbsp;</td>
<td style="background: #ff3333">&nbsp;</td>
<td style="background: #ff2222">&nbsp;</td>
<td style="background: #ff1111">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from green at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: #00ee00">&nbsp;</td>
<td style="background: #00dd00">&nbsp;</td>
<td style="background: #00cc00">&nbsp;</td>
<td style="background: #00bb00">&nbsp;</td>
<td style="background: #00aa00">&nbsp;</td>
<td style="background: #009900">&nbsp;</td>
<td style="background: #008800">&nbsp;</td>
<td style="background: #007700">&nbsp;</td>
<td style="background: #006600">&nbsp;</td>
<td style="background: #005500">&nbsp;</td>
<td style="background: #004400">&nbsp;</td>
<td style="background: #003300">&nbsp;</td>
<td style="background: #002200">&nbsp;</td>
<td style="background: #001100">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: #00ee00">&nbsp;</td>
<td style="background: #00dd00">&nbsp;</td>
<td style="background: #00cc00">&nbsp;</td>
<td style="background: #00bb00">&nbsp;</td>
<td style="background: #00aa00">&nbsp;</td>
<td style="background: #009900">&nbsp;</td>
<td style="background: #008800">&nbsp;</td>
<td style="background: #007700">&nbsp;</td>
<td style="background: #006600">&nbsp;</td>
<td style="background: #005500">&nbsp;</td>
<td style="background: #004400">&nbsp;</td>
<td style="background: #003300">&nbsp;</td>
<td style="background: #002200">&nbsp;</td>
<td style="background: #001100">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: #00ee00">&nbsp;</td>
<td style="background: #00dd00">&nbsp;</td>
<td style="background: #00cc00">&nbsp;</td>
<td style="background: #00bb00">&nbsp;</td>
<td style="background: #00aa00">&nbsp;</td>
<td style="background: #009900">&nbsp;</td>
<td style="background: #008800">&nbsp;</td>
<td style="background: #007700">&nbsp;</td>
<td style="background: #006600">&nbsp;</td>
<td style="background: #005500">&nbsp;</td>
<td style="background: #004400">&nbsp;</td>
<td style="background: #003300">&nbsp;</td>
<td style="background: #002200">&nbsp;</td>
<td style="background: #001100">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: #00ee00">&nbsp;</td>
<td style="background: #00dd00">&nbsp;</td>
<td style="background: #00cc00">&nbsp;</td>
<td style="background: #00bb00">&nbsp;</td>
<td style="background: #00aa00">&nbsp;</td>
<td style="background: #009900">&nbsp;</td>
<td style="background: #008800">&nbsp;</td>
<td style="background: #007700">&nbsp;</td>
<td style="background: #006600">&nbsp;</td>
<td style="background: #005500">&nbsp;</td>
<td style="background: #004400">&nbsp;</td>
<td style="background: #003300">&nbsp;</td>
<td style="background: #002200">&nbsp;</td>
<td style="background: #001100">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to green at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeffee">&nbsp;</td>
<td style="background: #ddffdd">&nbsp;</td>
<td style="background: #ccffcc">&nbsp;</td>
<td style="background: #bbffbb">&nbsp;</td>
<td style="background: #aaffaa">&nbsp;</td>
<td style="background: #99ff99">&nbsp;</td>
<td style="background: #88ff88">&nbsp;</td>
<td style="background: #77ff77">&nbsp;</td>
<td style="background: #66ff66">&nbsp;</td>
<td style="background: #55ff55">&nbsp;</td>
<td style="background: #44ff44">&nbsp;</td>
<td style="background: #33ff33">&nbsp;</td>
<td style="background: #22ff22">&nbsp;</td>
<td style="background: #11ff11">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeffee">&nbsp;</td>
<td style="background: #ddffdd">&nbsp;</td>
<td style="background: #ccffcc">&nbsp;</td>
<td style="background: #bbffbb">&nbsp;</td>
<td style="background: #aaffaa">&nbsp;</td>
<td style="background: #99ff99">&nbsp;</td>
<td style="background: #88ff88">&nbsp;</td>
<td style="background: #77ff77">&nbsp;</td>
<td style="background: #66ff66">&nbsp;</td>
<td style="background: #55ff55">&nbsp;</td>
<td style="background: #44ff44">&nbsp;</td>
<td style="background: #33ff33">&nbsp;</td>
<td style="background: #22ff22">&nbsp;</td>
<td style="background: #11ff11">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeffee">&nbsp;</td>
<td style="background: #ddffdd">&nbsp;</td>
<td style="background: #ccffcc">&nbsp;</td>
<td style="background: #bbffbb">&nbsp;</td>
<td style="background: #aaffaa">&nbsp;</td>
<td style="background: #99ff99">&nbsp;</td>
<td style="background: #88ff88">&nbsp;</td>
<td style="background: #77ff77">&nbsp;</td>
<td style="background: #66ff66">&nbsp;</td>
<td style="background: #55ff55">&nbsp;</td>
<td style="background: #44ff44">&nbsp;</td>
<td style="background: #33ff33">&nbsp;</td>
<td style="background: #22ff22">&nbsp;</td>
<td style="background: #11ff11">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeffee">&nbsp;</td>
<td style="background: #ddffdd">&nbsp;</td>
<td style="background: #ccffcc">&nbsp;</td>
<td style="background: #bbffbb">&nbsp;</td>
<td style="background: #aaffaa">&nbsp;</td>
<td style="background: #99ff99">&nbsp;</td>
<td style="background: #88ff88">&nbsp;</td>
<td style="background: #77ff77">&nbsp;</td>
<td style="background: #66ff66">&nbsp;</td>
<td style="background: #55ff55">&nbsp;</td>
<td style="background: #44ff44">&nbsp;</td>
<td style="background: #33ff33">&nbsp;</td>
<td style="background: #22ff22">&nbsp;</td>
<td style="background: #11ff11">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from blue at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: #0000ee">&nbsp;</td>
<td style="background: #0000dd">&nbsp;</td>
<td style="background: #0000cc">&nbsp;</td>
<td style="background: #0000bb">&nbsp;</td>
<td style="background: #0000aa">&nbsp;</td>
<td style="background: #000099">&nbsp;</td>
<td style="background: #000088">&nbsp;</td>
<td style="background: #000077">&nbsp;</td>
<td style="background: #000066">&nbsp;</td>
<td style="background: #000055">&nbsp;</td>
<td style="background: #000044">&nbsp;</td>
<td style="background: #000033">&nbsp;</td>
<td style="background: #000022">&nbsp;</td>
<td style="background: #000011">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: #0000ee">&nbsp;</td>
<td style="background: #0000dd">&nbsp;</td>
<td style="background: #0000cc">&nbsp;</td>
<td style="background: #0000bb">&nbsp;</td>
<td style="background: #0000aa">&nbsp;</td>
<td style="background: #000099">&nbsp;</td>
<td style="background: #000088">&nbsp;</td>
<td style="background: #000077">&nbsp;</td>
<td style="background: #000066">&nbsp;</td>
<td style="background: #000055">&nbsp;</td>
<td style="background: #000044">&nbsp;</td>
<td style="background: #000033">&nbsp;</td>
<td style="background: #000022">&nbsp;</td>
<td style="background: #000011">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: #0000ee">&nbsp;</td>
<td style="background: #0000dd">&nbsp;</td>
<td style="background: #0000cc">&nbsp;</td>
<td style="background: #0000bb">&nbsp;</td>
<td style="background: #0000aa">&nbsp;</td>
<td style="background: #000099">&nbsp;</td>
<td style="background: #000088">&nbsp;</td>
<td style="background: #000077">&nbsp;</td>
<td style="background: #000066">&nbsp;</td>
<td style="background: #000055">&nbsp;</td>
<td style="background: #000044">&nbsp;</td>
<td style="background: #000033">&nbsp;</td>
<td style="background: #000022">&nbsp;</td>
<td style="background: #000011">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: #0000ee">&nbsp;</td>
<td style="background: #0000dd">&nbsp;</td>
<td style="background: #0000cc">&nbsp;</td>
<td style="background: #0000bb">&nbsp;</td>
<td style="background: #0000aa">&nbsp;</td>
<td style="background: #000099">&nbsp;</td>
<td style="background: #000088">&nbsp;</td>
<td style="background: #000077">&nbsp;</td>
<td style="background: #000066">&nbsp;</td>
<td style="background: #000055">&nbsp;</td>
<td style="background: #000044">&nbsp;</td>
<td style="background: #000033">&nbsp;</td>
<td style="background: #000022">&nbsp;</td>
<td style="background: #000011">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to blue at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeeeff">&nbsp;</td>
<td style="background: #ddddff">&nbsp;</td>
<td style="background: #ccccff">&nbsp;</td>
<td style="background: #bbbbff">&nbsp;</td>
<td style="background: #aaaaff">&nbsp;</td>
<td style="background: #9999ff">&nbsp;</td>
<td style="background: #8888ff">&nbsp;</td>
<td style="background: #7777ff">&nbsp;</td>
<td style="background: #6666ff">&nbsp;</td>
<td style="background: #5555ff">&nbsp;</td>
<td style="background: #4444ff">&nbsp;</td>
<td style="background: #3333ff">&nbsp;</td>
<td style="background: #2222ff">&nbsp;</td>
<td style="background: #1111ff">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeeeff">&nbsp;</td>
<td style="background: #ddddff">&nbsp;</td>
<td style="background: #ccccff">&nbsp;</td>
<td style="background: #bbbbff">&nbsp;</td>
<td style="background: #aaaaff">&nbsp;</td>
<td style="background: #9999ff">&nbsp;</td>
<td style="background: #8888ff">&nbsp;</td>
<td style="background: #7777ff">&nbsp;</td>
<td style="background: #6666ff">&nbsp;</td>
<td style="background: #5555ff">&nbsp;</td>
<td style="background: #4444ff">&nbsp;</td>
<td style="background: #3333ff">&nbsp;</td>
<td style="background: #2222ff">&nbsp;</td>
<td style="background: #1111ff">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeeeff">&nbsp;</td>
<td style="background: #ddddff">&nbsp;</td>
<td style="background: #ccccff">&nbsp;</td>
<td style="background: #bbbbff">&nbsp;</td>
<td style="background: #aaaaff">&nbsp;</td>
<td style="background: #9999ff">&nbsp;</td>
<td style="background: #8888ff">&nbsp;</td>
<td style="background: #7777ff">&nbsp;</td>
<td style="background: #6666ff">&nbsp;</td>
<td style="background: #5555ff">&nbsp;</td>
<td style="background: #4444ff">&nbsp;</td>
<td style="background: #3333ff">&nbsp;</td>
<td style="background: #2222ff">&nbsp;</td>
<td style="background: #1111ff">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeeeff">&nbsp;</td>
<td style="background: #ddddff">&nbsp;</td>
<td style="background: #ccccff">&nbsp;</td>
<td style="background: #bbbbff">&nbsp;</td>
<td style="background: #aaaaff">&nbsp;</td>
<td style="background: #9999ff">&nbsp;</td>
<td style="background: #8888ff">&nbsp;</td>
<td style="background: #7777ff">&nbsp;</td>
<td style="background: #6666ff">&nbsp;</td>
<td style="background: #5555ff">&nbsp;</td>
<td style="background: #4444ff">&nbsp;</td>
<td style="background: #3333ff">&nbsp;</td>
<td style="background: #2222ff">&nbsp;</td>
<td style="background: #1111ff">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from yellow at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: #eeee00">&nbsp;</td>
<td style="background: #dddd00">&nbsp;</td>
<td style="background: #cccc00">&nbsp;</td>
<td style="background: #bbbb00">&nbsp;</td>
<td style="background: #aaaa00">&nbsp;</td>
<td style="background: #999900">&nbsp;</td>
<td style="background: #888800">&nbsp;</td>
<td style="background: #777700">&nbsp;</td>
<td style="background: #666600">&nbsp;</td>
<td style="background: #555500">&nbsp;</td>
<td style="background: #444400">&nbsp;</td>
<td style="background: #333300">&nbsp;</td>
<td style="background: #222200">&nbsp;</td>
<td style="background: #111100">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: #eeee00">&nbsp;</td>
<td style="background: #dddd00">&nbsp;</td>
<td style="background: #cccc00">&nbsp;</td>
<td style="background: #bbbb00">&nbsp;</td>
<td style="background: #aaaa00">&nbsp;</td>
<td style="background: #999900">&nbsp;</td>
<td style="background: #888800">&nbsp;</td>
<td style="background: #777700">&nbsp;</td>
<td style="background: #666600">&nbsp;</td>
<td style="background: #555500">&nbsp;</td>
<td style="background: #444400">&nbsp;</td>
<td style="background: #333300">&nbsp;</td>
<td style="background: #222200">&nbsp;</td>
<td style="background: #111100">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: #eeee00">&nbsp;</td>
<td style="background: #dddd00">&nbsp;</td>
<td style="background: #cccc00">&nbsp;</td>
<td style="background: #bbbb00">&nbsp;</td>
<td style="background: #aaaa00">&nbsp;</td>
<td style="background: #999900">&nbsp;</td>
<td style="background: #888800">&nbsp;</td>
<td style="background: #777700">&nbsp;</td>
<td style="background: #666600">&nbsp;</td>
<td style="background: #555500">&nbsp;</td>
<td style="background: #444400">&nbsp;</td>
<td style="background: #333300">&nbsp;</td>
<td style="background: #222200">&nbsp;</td>
<td style="background: #111100">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: #eeee00">&nbsp;</td>
<td style="background: #dddd00">&nbsp;</td>
<td style="background: #cccc00">&nbsp;</td>
<td style="background: #bbbb00">&nbsp;</td>
<td style="background: #aaaa00">&nbsp;</td>
<td style="background: #999900">&nbsp;</td>
<td style="background: #888800">&nbsp;</td>
<td style="background: #777700">&nbsp;</td>
<td style="background: #666600">&nbsp;</td>
<td style="background: #555500">&nbsp;</td>
<td style="background: #444400">&nbsp;</td>
<td style="background: #333300">&nbsp;</td>
<td style="background: #222200">&nbsp;</td>
<td style="background: #111100">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to yellow at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffffee">&nbsp;</td>
<td style="background: #ffffdd">&nbsp;</td>
<td style="background: #ffffcc">&nbsp;</td>
<td style="background: #ffffbb">&nbsp;</td>
<td style="background: #ffffaa">&nbsp;</td>
<td style="background: #ffff99">&nbsp;</td>
<td style="background: #ffff88">&nbsp;</td>
<td style="background: #ffff77">&nbsp;</td>
<td style="background: #ffff66">&nbsp;</td>
<td style="background: #ffff55">&nbsp;</td>
<td style="background: #ffff44">&nbsp;</td>
<td style="background: #ffff33">&nbsp;</td>
<td style="background: #ffff22">&nbsp;</td>
<td style="background: #ffff11">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffffee">&nbsp;</td>
<td style="background: #ffffdd">&nbsp;</td>
<td style="background: #ffffcc">&nbsp;</td>
<td style="background: #ffffbb">&nbsp;</td>
<td style="background: #ffffaa">&nbsp;</td>
<td style="background: #ffff99">&nbsp;</td>
<td style="background: #ffff88">&nbsp;</td>
<td style="background: #ffff77">&nbsp;</td>
<td style="background: #ffff66">&nbsp;</td>
<td style="background: #ffff55">&nbsp;</td>
<td style="background: #ffff44">&nbsp;</td>
<td style="background: #ffff33">&nbsp;</td>
<td style="background: #ffff22">&nbsp;</td>
<td style="background: #ffff11">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffffee">&nbsp;</td>
<td style="background: #ffffdd">&nbsp;</td>
<td style="background: #ffffcc">&nbsp;</td>
<td style="background: #ffffbb">&nbsp;</td>
<td style="background: #ffffaa">&nbsp;</td>
<td style="background: #ffff99">&nbsp;</td>
<td style="background: #ffff88">&nbsp;</td>
<td style="background: #ffff77">&nbsp;</td>
<td style="background: #ffff66">&nbsp;</td>
<td style="background: #ffff55">&nbsp;</td>
<td style="background: #ffff44">&nbsp;</td>
<td style="background: #ffff33">&nbsp;</td>
<td style="background: #ffff22">&nbsp;</td>
<td style="background: #ffff11">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffffee">&nbsp;</td>
<td style="background: #ffffdd">&nbsp;</td>
<td style="background: #ffffcc">&nbsp;</td>
<td style="background: #ffffbb">&nbsp;</td>
<td style="background: #ffffaa">&nbsp;</td>
<td style="background: #ffff99">&nbsp;</td>
<td style="background: #ffff88">&nbsp;</td>
<td style="background: #ffff77">&nbsp;</td>
<td style="background: #ffff66">&nbsp;</td>
<td style="background: #ffff55">&nbsp;</td>
<td style="background: #ffff44">&nbsp;</td>
<td style="background: #ffff33">&nbsp;</td>
<td style="background: #ffff22">&nbsp;</td>
<td style="background: #ffff11">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from fuchsia at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: #ee00ee">&nbsp;</td>
<td style="background: #dd00dd">&nbsp;</td>
<td style="background: #cc00cc">&nbsp;</td>
<td style="background: #bb00bb">&nbsp;</td>
<td style="background: #aa00aa">&nbsp;</td>
<td style="background: #990099">&nbsp;</td>
<td style="background: #880088">&nbsp;</td>
<td style="background: #770077">&nbsp;</td>
<td style="background: #660066">&nbsp;</td>
<td style="background: #550055">&nbsp;</td>
<td style="background: #440044">&nbsp;</td>
<td style="background: #330033">&nbsp;</td>
<td style="background: #220022">&nbsp;</td>
<td style="background: #110011">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: #ee00ee">&nbsp;</td>
<td style="background: #dd00dd">&nbsp;</td>
<td style="background: #cc00cc">&nbsp;</td>
<td style="background: #bb00bb">&nbsp;</td>
<td style="background: #aa00aa">&nbsp;</td>
<td style="background: #990099">&nbsp;</td>
<td style="background: #880088">&nbsp;</td>
<td style="background: #770077">&nbsp;</td>
<td style="background: #660066">&nbsp;</td>
<td style="background: #550055">&nbsp;</td>
<td style="background: #440044">&nbsp;</td>
<td style="background: #330033">&nbsp;</td>
<td style="background: #220022">&nbsp;</td>
<td style="background: #110011">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: #ee00ee">&nbsp;</td>
<td style="background: #dd00dd">&nbsp;</td>
<td style="background: #cc00cc">&nbsp;</td>
<td style="background: #bb00bb">&nbsp;</td>
<td style="background: #aa00aa">&nbsp;</td>
<td style="background: #990099">&nbsp;</td>
<td style="background: #880088">&nbsp;</td>
<td style="background: #770077">&nbsp;</td>
<td style="background: #660066">&nbsp;</td>
<td style="background: #550055">&nbsp;</td>
<td style="background: #440044">&nbsp;</td>
<td style="background: #330033">&nbsp;</td>
<td style="background: #220022">&nbsp;</td>
<td style="background: #110011">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: #ee00ee">&nbsp;</td>
<td style="background: #dd00dd">&nbsp;</td>
<td style="background: #cc00cc">&nbsp;</td>
<td style="background: #bb00bb">&nbsp;</td>
<td style="background: #aa00aa">&nbsp;</td>
<td style="background: #990099">&nbsp;</td>
<td style="background: #880088">&nbsp;</td>
<td style="background: #770077">&nbsp;</td>
<td style="background: #660066">&nbsp;</td>
<td style="background: #550055">&nbsp;</td>
<td style="background: #440044">&nbsp;</td>
<td style="background: #330033">&nbsp;</td>
<td style="background: #220022">&nbsp;</td>
<td style="background: #110011">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to fuchsia at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffeeff">&nbsp;</td>
<td style="background: #ffddff">&nbsp;</td>
<td style="background: #ffccff">&nbsp;</td>
<td style="background: #ffbbff">&nbsp;</td>
<td style="background: #ffaaff">&nbsp;</td>
<td style="background: #ff99ff">&nbsp;</td>
<td style="background: #ff88ff">&nbsp;</td>
<td style="background: #ff77ff">&nbsp;</td>
<td style="background: #ff66ff">&nbsp;</td>
<td style="background: #ff55ff">&nbsp;</td>
<td style="background: #ff44ff">&nbsp;</td>
<td style="background: #ff33ff">&nbsp;</td>
<td style="background: #ff22ff">&nbsp;</td>
<td style="background: #ff11ff">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffeeff">&nbsp;</td>
<td style="background: #ffddff">&nbsp;</td>
<td style="background: #ffccff">&nbsp;</td>
<td style="background: #ffbbff">&nbsp;</td>
<td style="background: #ffaaff">&nbsp;</td>
<td style="background: #ff99ff">&nbsp;</td>
<td style="background: #ff88ff">&nbsp;</td>
<td style="background: #ff77ff">&nbsp;</td>
<td style="background: #ff66ff">&nbsp;</td>
<td style="background: #ff55ff">&nbsp;</td>
<td style="background: #ff44ff">&nbsp;</td>
<td style="background: #ff33ff">&nbsp;</td>
<td style="background: #ff22ff">&nbsp;</td>
<td style="background: #ff11ff">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffeeff">&nbsp;</td>
<td style="background: #ffddff">&nbsp;</td>
<td style="background: #ffccff">&nbsp;</td>
<td style="background: #ffbbff">&nbsp;</td>
<td style="background: #ffaaff">&nbsp;</td>
<td style="background: #ff99ff">&nbsp;</td>
<td style="background: #ff88ff">&nbsp;</td>
<td style="background: #ff77ff">&nbsp;</td>
<td style="background: #ff66ff">&nbsp;</td>
<td style="background: #ff55ff">&nbsp;</td>
<td style="background: #ff44ff">&nbsp;</td>
<td style="background: #ff33ff">&nbsp;</td>
<td style="background: #ff22ff">&nbsp;</td>
<td style="background: #ff11ff">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #ffeeff">&nbsp;</td>
<td style="background: #ffddff">&nbsp;</td>
<td style="background: #ffccff">&nbsp;</td>
<td style="background: #ffbbff">&nbsp;</td>
<td style="background: #ffaaff">&nbsp;</td>
<td style="background: #ff99ff">&nbsp;</td>
<td style="background: #ff88ff">&nbsp;</td>
<td style="background: #ff77ff">&nbsp;</td>
<td style="background: #ff66ff">&nbsp;</td>
<td style="background: #ff55ff">&nbsp;</td>
<td style="background: #ff44ff">&nbsp;</td>
<td style="background: #ff33ff">&nbsp;</td>
<td style="background: #ff22ff">&nbsp;</td>
<td style="background: #ff11ff">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from aqua at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: #00eeee">&nbsp;</td>
<td style="background: #00dddd">&nbsp;</td>
<td style="background: #00cccc">&nbsp;</td>
<td style="background: #00bbbb">&nbsp;</td>
<td style="background: #00aaaa">&nbsp;</td>
<td style="background: #009999">&nbsp;</td>
<td style="background: #008888">&nbsp;</td>
<td style="background: #007777">&nbsp;</td>
<td style="background: #006666">&nbsp;</td>
<td style="background: #005555">&nbsp;</td>
<td style="background: #004444">&nbsp;</td>
<td style="background: #003333">&nbsp;</td>
<td style="background: #002222">&nbsp;</td>
<td style="background: #001111">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: #00eeee">&nbsp;</td>
<td style="background: #00dddd">&nbsp;</td>
<td style="background: #00cccc">&nbsp;</td>
<td style="background: #00bbbb">&nbsp;</td>
<td style="background: #00aaaa">&nbsp;</td>
<td style="background: #009999">&nbsp;</td>
<td style="background: #008888">&nbsp;</td>
<td style="background: #007777">&nbsp;</td>
<td style="background: #006666">&nbsp;</td>
<td style="background: #005555">&nbsp;</td>
<td style="background: #004444">&nbsp;</td>
<td style="background: #003333">&nbsp;</td>
<td style="background: #002222">&nbsp;</td>
<td style="background: #001111">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: #00eeee">&nbsp;</td>
<td style="background: #00dddd">&nbsp;</td>
<td style="background: #00cccc">&nbsp;</td>
<td style="background: #00bbbb">&nbsp;</td>
<td style="background: #00aaaa">&nbsp;</td>
<td style="background: #009999">&nbsp;</td>
<td style="background: #008888">&nbsp;</td>
<td style="background: #007777">&nbsp;</td>
<td style="background: #006666">&nbsp;</td>
<td style="background: #005555">&nbsp;</td>
<td style="background: #004444">&nbsp;</td>
<td style="background: #003333">&nbsp;</td>
<td style="background: #002222">&nbsp;</td>
<td style="background: #001111">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: #00eeee">&nbsp;</td>
<td style="background: #00dddd">&nbsp;</td>
<td style="background: #00cccc">&nbsp;</td>
<td style="background: #00bbbb">&nbsp;</td>
<td style="background: #00aaaa">&nbsp;</td>
<td style="background: #009999">&nbsp;</td>
<td style="background: #008888">&nbsp;</td>
<td style="background: #007777">&nbsp;</td>
<td style="background: #006666">&nbsp;</td>
<td style="background: #005555">&nbsp;</td>
<td style="background: #004444">&nbsp;</td>
<td style="background: #003333">&nbsp;</td>
<td style="background: #002222">&nbsp;</td>
<td style="background: #001111">&nbsp;</td>
<td style="background: #000000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from white at the left to aqua at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeffff">&nbsp;</td>
<td style="background: #ddffff">&nbsp;</td>
<td style="background: #ccffff">&nbsp;</td>
<td style="background: #bbffff">&nbsp;</td>
<td style="background: #aaffff">&nbsp;</td>
<td style="background: #99ffff">&nbsp;</td>
<td style="background: #88ffff">&nbsp;</td>
<td style="background: #77ffff">&nbsp;</td>
<td style="background: #66ffff">&nbsp;</td>
<td style="background: #55ffff">&nbsp;</td>
<td style="background: #44ffff">&nbsp;</td>
<td style="background: #33ffff">&nbsp;</td>
<td style="background: #22ffff">&nbsp;</td>
<td style="background: #11ffff">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeffff">&nbsp;</td>
<td style="background: #ddffff">&nbsp;</td>
<td style="background: #ccffff">&nbsp;</td>
<td style="background: #bbffff">&nbsp;</td>
<td style="background: #aaffff">&nbsp;</td>
<td style="background: #99ffff">&nbsp;</td>
<td style="background: #88ffff">&nbsp;</td>
<td style="background: #77ffff">&nbsp;</td>
<td style="background: #66ffff">&nbsp;</td>
<td style="background: #55ffff">&nbsp;</td>
<td style="background: #44ffff">&nbsp;</td>
<td style="background: #33ffff">&nbsp;</td>
<td style="background: #22ffff">&nbsp;</td>
<td style="background: #11ffff">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeffff">&nbsp;</td>
<td style="background: #ddffff">&nbsp;</td>
<td style="background: #ccffff">&nbsp;</td>
<td style="background: #bbffff">&nbsp;</td>
<td style="background: #aaffff">&nbsp;</td>
<td style="background: #99ffff">&nbsp;</td>
<td style="background: #88ffff">&nbsp;</td>
<td style="background: #77ffff">&nbsp;</td>
<td style="background: #66ffff">&nbsp;</td>
<td style="background: #55ffff">&nbsp;</td>
<td style="background: #44ffff">&nbsp;</td>
<td style="background: #33ffff">&nbsp;</td>
<td style="background: #22ffff">&nbsp;</td>
<td style="background: #11ffff">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffffff">&nbsp;</td>
<td style="background: #eeffff">&nbsp;</td>
<td style="background: #ddffff">&nbsp;</td>
<td style="background: #ccffff">&nbsp;</td>
<td style="background: #bbffff">&nbsp;</td>
<td style="background: #aaffff">&nbsp;</td>
<td style="background: #99ffff">&nbsp;</td>
<td style="background: #88ffff">&nbsp;</td>
<td style="background: #77ffff">&nbsp;</td>
<td style="background: #66ffff">&nbsp;</td>
<td style="background: #55ffff">&nbsp;</td>
<td style="background: #44ffff">&nbsp;</td>
<td style="background: #33ffff">&nbsp;</td>
<td style="background: #22ffff">&nbsp;</td>
<td style="background: #11ffff">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from red at the left to green at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: #ee1100">&nbsp;</td>
<td style="background: #dd2200">&nbsp;</td>
<td style="background: #cc3300">&nbsp;</td>
<td style="background: #bb4400">&nbsp;</td>
<td style="background: #aa5500">&nbsp;</td>
<td style="background: #996600">&nbsp;</td>
<td style="background: #887700">&nbsp;</td>
<td style="background: #778800">&nbsp;</td>
<td style="background: #669900">&nbsp;</td>
<td style="background: #55aa00">&nbsp;</td>
<td style="background: #44bb00">&nbsp;</td>
<td style="background: #33cc00">&nbsp;</td>
<td style="background: #22dd00">&nbsp;</td>
<td style="background: #11ee00">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: #ee1100">&nbsp;</td>
<td style="background: #dd2200">&nbsp;</td>
<td style="background: #cc3300">&nbsp;</td>
<td style="background: #bb4400">&nbsp;</td>
<td style="background: #aa5500">&nbsp;</td>
<td style="background: #996600">&nbsp;</td>
<td style="background: #887700">&nbsp;</td>
<td style="background: #778800">&nbsp;</td>
<td style="background: #669900">&nbsp;</td>
<td style="background: #55aa00">&nbsp;</td>
<td style="background: #44bb00">&nbsp;</td>
<td style="background: #33cc00">&nbsp;</td>
<td style="background: #22dd00">&nbsp;</td>
<td style="background: #11ee00">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: #ee1100">&nbsp;</td>
<td style="background: #dd2200">&nbsp;</td>
<td style="background: #cc3300">&nbsp;</td>
<td style="background: #bb4400">&nbsp;</td>
<td style="background: #aa5500">&nbsp;</td>
<td style="background: #996600">&nbsp;</td>
<td style="background: #887700">&nbsp;</td>
<td style="background: #778800">&nbsp;</td>
<td style="background: #669900">&nbsp;</td>
<td style="background: #55aa00">&nbsp;</td>
<td style="background: #44bb00">&nbsp;</td>
<td style="background: #33cc00">&nbsp;</td>
<td style="background: #22dd00">&nbsp;</td>
<td style="background: #11ee00">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: #ee1100">&nbsp;</td>
<td style="background: #dd2200">&nbsp;</td>
<td style="background: #cc3300">&nbsp;</td>
<td style="background: #bb4400">&nbsp;</td>
<td style="background: #aa5500">&nbsp;</td>
<td style="background: #996600">&nbsp;</td>
<td style="background: #887700">&nbsp;</td>
<td style="background: #778800">&nbsp;</td>
<td style="background: #669900">&nbsp;</td>
<td style="background: #55aa00">&nbsp;</td>
<td style="background: #44bb00">&nbsp;</td>
<td style="background: #33cc00">&nbsp;</td>
<td style="background: #22dd00">&nbsp;</td>
<td style="background: #11ee00">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from green at the left to blue at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: #00ee11">&nbsp;</td>
<td style="background: #00dd22">&nbsp;</td>
<td style="background: #00cc33">&nbsp;</td>
<td style="background: #00bb44">&nbsp;</td>
<td style="background: #00aa55">&nbsp;</td>
<td style="background: #009966">&nbsp;</td>
<td style="background: #008877">&nbsp;</td>
<td style="background: #007788">&nbsp;</td>
<td style="background: #006699">&nbsp;</td>
<td style="background: #0055aa">&nbsp;</td>
<td style="background: #0044bb">&nbsp;</td>
<td style="background: #0033cc">&nbsp;</td>
<td style="background: #0022dd">&nbsp;</td>
<td style="background: #0011ee">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: #00ee11">&nbsp;</td>
<td style="background: #00dd22">&nbsp;</td>
<td style="background: #00cc33">&nbsp;</td>
<td style="background: #00bb44">&nbsp;</td>
<td style="background: #00aa55">&nbsp;</td>
<td style="background: #009966">&nbsp;</td>
<td style="background: #008877">&nbsp;</td>
<td style="background: #007788">&nbsp;</td>
<td style="background: #006699">&nbsp;</td>
<td style="background: #0055aa">&nbsp;</td>
<td style="background: #0044bb">&nbsp;</td>
<td style="background: #0033cc">&nbsp;</td>
<td style="background: #0022dd">&nbsp;</td>
<td style="background: #0011ee">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: #00ee11">&nbsp;</td>
<td style="background: #00dd22">&nbsp;</td>
<td style="background: #00cc33">&nbsp;</td>
<td style="background: #00bb44">&nbsp;</td>
<td style="background: #00aa55">&nbsp;</td>
<td style="background: #009966">&nbsp;</td>
<td style="background: #008877">&nbsp;</td>
<td style="background: #007788">&nbsp;</td>
<td style="background: #006699">&nbsp;</td>
<td style="background: #0055aa">&nbsp;</td>
<td style="background: #0044bb">&nbsp;</td>
<td style="background: #0033cc">&nbsp;</td>
<td style="background: #0022dd">&nbsp;</td>
<td style="background: #0011ee">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #00ff00">&nbsp;</td>
<td style="background: #00ee11">&nbsp;</td>
<td style="background: #00dd22">&nbsp;</td>
<td style="background: #00cc33">&nbsp;</td>
<td style="background: #00bb44">&nbsp;</td>
<td style="background: #00aa55">&nbsp;</td>
<td style="background: #009966">&nbsp;</td>
<td style="background: #008877">&nbsp;</td>
<td style="background: #007788">&nbsp;</td>
<td style="background: #006699">&nbsp;</td>
<td style="background: #0055aa">&nbsp;</td>
<td style="background: #0044bb">&nbsp;</td>
<td style="background: #0033cc">&nbsp;</td>
<td style="background: #0022dd">&nbsp;</td>
<td style="background: #0011ee">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from blue at the left to red at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: #1100ee">&nbsp;</td>
<td style="background: #2200dd">&nbsp;</td>
<td style="background: #3300cc">&nbsp;</td>
<td style="background: #4400bb">&nbsp;</td>
<td style="background: #5500aa">&nbsp;</td>
<td style="background: #660099">&nbsp;</td>
<td style="background: #770088">&nbsp;</td>
<td style="background: #880077">&nbsp;</td>
<td style="background: #990066">&nbsp;</td>
<td style="background: #aa0055">&nbsp;</td>
<td style="background: #bb0044">&nbsp;</td>
<td style="background: #cc0033">&nbsp;</td>
<td style="background: #dd0022">&nbsp;</td>
<td style="background: #ee0011">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: #1100ee">&nbsp;</td>
<td style="background: #2200dd">&nbsp;</td>
<td style="background: #3300cc">&nbsp;</td>
<td style="background: #4400bb">&nbsp;</td>
<td style="background: #5500aa">&nbsp;</td>
<td style="background: #660099">&nbsp;</td>
<td style="background: #770088">&nbsp;</td>
<td style="background: #880077">&nbsp;</td>
<td style="background: #990066">&nbsp;</td>
<td style="background: #aa0055">&nbsp;</td>
<td style="background: #bb0044">&nbsp;</td>
<td style="background: #cc0033">&nbsp;</td>
<td style="background: #dd0022">&nbsp;</td>
<td style="background: #ee0011">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: #1100ee">&nbsp;</td>
<td style="background: #2200dd">&nbsp;</td>
<td style="background: #3300cc">&nbsp;</td>
<td style="background: #4400bb">&nbsp;</td>
<td style="background: #5500aa">&nbsp;</td>
<td style="background: #660099">&nbsp;</td>
<td style="background: #770088">&nbsp;</td>
<td style="background: #880077">&nbsp;</td>
<td style="background: #990066">&nbsp;</td>
<td style="background: #aa0055">&nbsp;</td>
<td style="background: #bb0044">&nbsp;</td>
<td style="background: #cc0033">&nbsp;</td>
<td style="background: #dd0022">&nbsp;</td>
<td style="background: #ee0011">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #0000ff">&nbsp;</td>
<td style="background: #1100ee">&nbsp;</td>
<td style="background: #2200dd">&nbsp;</td>
<td style="background: #3300cc">&nbsp;</td>
<td style="background: #4400bb">&nbsp;</td>
<td style="background: #5500aa">&nbsp;</td>
<td style="background: #660099">&nbsp;</td>
<td style="background: #770088">&nbsp;</td>
<td style="background: #880077">&nbsp;</td>
<td style="background: #990066">&nbsp;</td>
<td style="background: #aa0055">&nbsp;</td>
<td style="background: #bb0044">&nbsp;</td>
<td style="background: #cc0033">&nbsp;</td>
<td style="background: #dd0022">&nbsp;</td>
<td style="background: #ee0011">&nbsp;</td>
<td style="background: #ff0000">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from fuchsia at the left to aqua at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: #ee11ff">&nbsp;</td>
<td style="background: #dd22ff">&nbsp;</td>
<td style="background: #cc33ff">&nbsp;</td>
<td style="background: #bb44ff">&nbsp;</td>
<td style="background: #aa55ff">&nbsp;</td>
<td style="background: #9966ff">&nbsp;</td>
<td style="background: #8877ff">&nbsp;</td>
<td style="background: #7788ff">&nbsp;</td>
<td style="background: #6699ff">&nbsp;</td>
<td style="background: #55aaff">&nbsp;</td>
<td style="background: #44bbff">&nbsp;</td>
<td style="background: #33ccff">&nbsp;</td>
<td style="background: #22ddff">&nbsp;</td>
<td style="background: #11eeff">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: #ee11ff">&nbsp;</td>
<td style="background: #dd22ff">&nbsp;</td>
<td style="background: #cc33ff">&nbsp;</td>
<td style="background: #bb44ff">&nbsp;</td>
<td style="background: #aa55ff">&nbsp;</td>
<td style="background: #9966ff">&nbsp;</td>
<td style="background: #8877ff">&nbsp;</td>
<td style="background: #7788ff">&nbsp;</td>
<td style="background: #6699ff">&nbsp;</td>
<td style="background: #55aaff">&nbsp;</td>
<td style="background: #44bbff">&nbsp;</td>
<td style="background: #33ccff">&nbsp;</td>
<td style="background: #22ddff">&nbsp;</td>
<td style="background: #11eeff">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: #ee11ff">&nbsp;</td>
<td style="background: #dd22ff">&nbsp;</td>
<td style="background: #cc33ff">&nbsp;</td>
<td style="background: #bb44ff">&nbsp;</td>
<td style="background: #aa55ff">&nbsp;</td>
<td style="background: #9966ff">&nbsp;</td>
<td style="background: #8877ff">&nbsp;</td>
<td style="background: #7788ff">&nbsp;</td>
<td style="background: #6699ff">&nbsp;</td>
<td style="background: #55aaff">&nbsp;</td>
<td style="background: #44bbff">&nbsp;</td>
<td style="background: #33ccff">&nbsp;</td>
<td style="background: #22ddff">&nbsp;</td>
<td style="background: #11eeff">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: #ee11ff">&nbsp;</td>
<td style="background: #dd22ff">&nbsp;</td>
<td style="background: #cc33ff">&nbsp;</td>
<td style="background: #bb44ff">&nbsp;</td>
<td style="background: #aa55ff">&nbsp;</td>
<td style="background: #9966ff">&nbsp;</td>
<td style="background: #8877ff">&nbsp;</td>
<td style="background: #7788ff">&nbsp;</td>
<td style="background: #6699ff">&nbsp;</td>
<td style="background: #55aaff">&nbsp;</td>
<td style="background: #44bbff">&nbsp;</td>
<td style="background: #33ccff">&nbsp;</td>
<td style="background: #22ddff">&nbsp;</td>
<td style="background: #11eeff">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from yellow at the left to fuchsia at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: #ffee11">&nbsp;</td>
<td style="background: #ffdd22">&nbsp;</td>
<td style="background: #ffcc33">&nbsp;</td>
<td style="background: #ffbb44">&nbsp;</td>
<td style="background: #ffaa55">&nbsp;</td>
<td style="background: #ff9966">&nbsp;</td>
<td style="background: #ff8877">&nbsp;</td>
<td style="background: #ff7788">&nbsp;</td>
<td style="background: #ff6699">&nbsp;</td>
<td style="background: #ff55aa">&nbsp;</td>
<td style="background: #ff44bb">&nbsp;</td>
<td style="background: #ff33cc">&nbsp;</td>
<td style="background: #ff22dd">&nbsp;</td>
<td style="background: #ff11ee">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: #ffee11">&nbsp;</td>
<td style="background: #ffdd22">&nbsp;</td>
<td style="background: #ffcc33">&nbsp;</td>
<td style="background: #ffbb44">&nbsp;</td>
<td style="background: #ffaa55">&nbsp;</td>
<td style="background: #ff9966">&nbsp;</td>
<td style="background: #ff8877">&nbsp;</td>
<td style="background: #ff7788">&nbsp;</td>
<td style="background: #ff6699">&nbsp;</td>
<td style="background: #ff55aa">&nbsp;</td>
<td style="background: #ff44bb">&nbsp;</td>
<td style="background: #ff33cc">&nbsp;</td>
<td style="background: #ff22dd">&nbsp;</td>
<td style="background: #ff11ee">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: #ffee11">&nbsp;</td>
<td style="background: #ffdd22">&nbsp;</td>
<td style="background: #ffcc33">&nbsp;</td>
<td style="background: #ffbb44">&nbsp;</td>
<td style="background: #ffaa55">&nbsp;</td>
<td style="background: #ff9966">&nbsp;</td>
<td style="background: #ff8877">&nbsp;</td>
<td style="background: #ff7788">&nbsp;</td>
<td style="background: #ff6699">&nbsp;</td>
<td style="background: #ff55aa">&nbsp;</td>
<td style="background: #ff44bb">&nbsp;</td>
<td style="background: #ff33cc">&nbsp;</td>
<td style="background: #ff22dd">&nbsp;</td>
<td style="background: #ff11ee">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: #ffee11">&nbsp;</td>
<td style="background: #ffdd22">&nbsp;</td>
<td style="background: #ffcc33">&nbsp;</td>
<td style="background: #ffbb44">&nbsp;</td>
<td style="background: #ffaa55">&nbsp;</td>
<td style="background: #ff9966">&nbsp;</td>
<td style="background: #ff8877">&nbsp;</td>
<td style="background: #ff7788">&nbsp;</td>
<td style="background: #ff6699">&nbsp;</td>
<td style="background: #ff55aa">&nbsp;</td>
<td style="background: #ff44bb">&nbsp;</td>
<td style="background: #ff33cc">&nbsp;</td>
<td style="background: #ff22dd">&nbsp;</td>
<td style="background: #ff11ee">&nbsp;</td>
<td style="background: #ff00ff">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
<p>The following table should have four matching rows gradually changing from aqua at the left to yellow at the right (plus a checkerboard at both ends to show where the rows are):</p>
<table border="border">
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: #11ffee">&nbsp;</td>
<td style="background: #22ffdd">&nbsp;</td>
<td style="background: #33ffcc">&nbsp;</td>
<td style="background: #44ffbb">&nbsp;</td>
<td style="background: #55ffaa">&nbsp;</td>
<td style="background: #66ff99">&nbsp;</td>
<td style="background: #77ff88">&nbsp;</td>
<td style="background: #88ff77">&nbsp;</td>
<td style="background: #99ff66">&nbsp;</td>
<td style="background: #aaff55">&nbsp;</td>
<td style="background: #bbff44">&nbsp;</td>
<td style="background: #ccff33">&nbsp;</td>
<td style="background: #ddff22">&nbsp;</td>
<td style="background: #eeff11">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: #11ffee">&nbsp;</td>
<td style="background: #22ffdd">&nbsp;</td>
<td style="background: #33ffcc">&nbsp;</td>
<td style="background: #44ffbb">&nbsp;</td>
<td style="background: #55ffaa">&nbsp;</td>
<td style="background: #66ff99">&nbsp;</td>
<td style="background: #77ff88">&nbsp;</td>
<td style="background: #88ff77">&nbsp;</td>
<td style="background: #99ff66">&nbsp;</td>
<td style="background: #aaff55">&nbsp;</td>
<td style="background: #bbff44">&nbsp;</td>
<td style="background: #ccff33">&nbsp;</td>
<td style="background: #ddff22">&nbsp;</td>
<td style="background: #eeff11">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: #11ffee">&nbsp;</td>
<td style="background: #22ffdd">&nbsp;</td>
<td style="background: #33ffcc">&nbsp;</td>
<td style="background: #44ffbb">&nbsp;</td>
<td style="background: #55ffaa">&nbsp;</td>
<td style="background: #66ff99">&nbsp;</td>
<td style="background: #77ff88">&nbsp;</td>
<td style="background: #88ff77">&nbsp;</td>
<td style="background: #99ff66">&nbsp;</td>
<td style="background: #aaff55">&nbsp;</td>
<td style="background: #bbff44">&nbsp;</td>
<td style="background: #ccff33">&nbsp;</td>
<td style="background: #ddff22">&nbsp;</td>
<td style="background: #eeff11">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: #00ffff">&nbsp;</td>
<td style="background: #11ffee">&nbsp;</td>
<td style="background: #22ffdd">&nbsp;</td>
<td style="background: #33ffcc">&nbsp;</td>
<td style="background: #44ffbb">&nbsp;</td>
<td style="background: #55ffaa">&nbsp;</td>
<td style="background: #66ff99">&nbsp;</td>
<td style="background: #77ff88">&nbsp;</td>
<td style="background: #88ff77">&nbsp;</td>
<td style="background: #99ff66">&nbsp;</td>
<td style="background: #aaff55">&nbsp;</td>
<td style="background: #bbff44">&nbsp;</td>
<td style="background: #ccff33">&nbsp;</td>
<td style="background: #ddff22">&nbsp;</td>
<td style="background: #eeff11">&nbsp;</td>
<td style="background: #ffff00">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
</body>