<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
    html, body { background: #dddddd; color: #000000; }
    table { border-spacing: 0; padding: 0; border: none; }
    td { border: none; padding: 0; }
</style>
<body>
    <p>Each row in the following table (except the first and last, to show where the columns are) should have two cells with the same background color.  None of them should match the background of the page.</p>

    <table>
        <tr><td style="background: black">&nbsp;&nbsp;&nbsp;</td><td style="background: white">&nbsp;&nbsp;&nbsp;</td></tr>
        <tr><td style="background: #000000" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #008000" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #C0C0C0" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #00FF00" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #808080" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #808000" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #FFFFFF" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #FFFF00" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #800000" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #000080" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #FF0000" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #0000FF" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #800080" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #008080" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #FF00FF" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: #00FFFF" colspan=2>&nbsp;</td></tr>
        <tr><td style="background: white">&nbsp;&nbsp;&nbsp;</td><td style="background: black">&nbsp;&nbsp;&nbsp;</td></tr>
    </table>
</body>
