<style type='text/css'>
.chessboard td {
width: 44px;
height: 44px;
background: #EEEEEE;
}
.black {
background: #000000 !important;
}
</style>
<table class='chessboard'>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td></td><td></td><td></td>
</tr>
</table>
<script type='text/javascript'>
(function () {
var tables = document.getElementsByTagName("TABLE");
for (var i = 0; i < tables.length; i++)
if (/\bchessboard\b/.test(tables[i].className))
for (var j = 0; j < tables[i].rows.length; j++)
for (var k = +!(j % 2); k < tables[i].rows[j].cells.length; k += 2)
tables[i].rows[j].cells[k].className += " black";
})();
</script>
