Chessboard

by Ben Clayton

HTML

<div id='board'></div>

CSS

.square {display:inline-block;border:1px solid red;width:20px;height:20px;margin:1px;padding:10px}

.square.blk {background-color:black;}


.frame.blk {background-color:green;}

JavaScript

for (var x=0;x<63;x++){
    var colour=(x%2)?'blk':'';
     $('#board').append("<div class='square "+colour+"'></div>");
}