| <!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; } |
| #one { background: #FF0000; } |
| #two { background: rgba(255, 255, 0, 0.8); } |
| #three { background: rgba(0, 255, 0, 0.4); } |
| #four { background: rgba(0, 255, 255, 0.6); } |
| #five { background: rgba(0, 0, 255, 0.8); } |
| #six { background: rgba(255, 0, 255, 0.4); } |
| </style> |
| <body> |
| <p>Each column in the following table should have every cell the |
| same color, except for the checkerboard pattern at the right and |
| left used to indicate the row positions.</p> |
| |
| <table> |
| <tr> |
| <td style="background: white"> </td> |
| <td id="one"> </td> |
| <td id="two"> </td> |
| <td id="three"> </td> |
| <td id="four"> </td> |
| <td id="five"> </td> |
| <td id="six"> </td> |
| <td style="background: black"> </td> |
| </tr> |
| <tr> |
| <td style="background: black"> </td> |
| <td id="one"> </td> |
| <td id="two"> </td> |
| <td id="three"> </td> |
| <td id="four"> </td> |
| <td id="five"> </td> |
| <td id="six"> </td> |
| <td style="background: white"> </td> |
| </tr> |
| <tr> |
| <td style="background: white"> </td> |
| <td id="one"> </td> |
| <td id="two"> </td> |
| <td id="three"> </td> |
| <td id="four"> </td> |
| <td id="five"> </td> |
| <td id="six"> </td> |
| <td style="background: black"> </td> |
| </tr> |
| <tr> |
| <td style="background: black"> </td> |
| <td id="one"> </td> |
| <td id="two"> </td> |
| <td id="three"> </td> |
| <td id="four"> </td> |
| <td id="five"> </td> |
| <td id="six"> </td> |
| <td style="background: white"> </td> |
| </tr> |
| </table> |
| |
| </body> |
