ここではスタイルシートをつかって、市松模様をつくってみましょう！
１つ前の、確認問題では、背景画像の上に、ボックスを配置して、
市松模様にしてましたが、今度は一からスタイルシートでつくります。
１辺が、20pxの正方形のボックスをつくって、市松模様をつくってみましょう。
これは、２つの色つきのボックスと、解除用のボックスを１つ定義します。
それを、タテヨコの段組方法にそって、段組していきます。
ボックスの背景色はご自由に。
ヨコとタテに、いくつ段組するかも、自由にやってみてください。
（ちなみに下の例では、ヨコに２０個。タテに５段やっています。）
.box1{
width: 20px;
height: 20px;
background-color: #FFCCCC;
float: left;
}
.box2{
width: 20px;
height: 20px;
background-color: #66CCFF;
float: left;
}
.kaijyo{
clear: left;
}
定義はもう大丈夫ですか？
前のページで解説してることと、ボックスのサイズが違うだけで、
まったく同じことをやってるので、
わからなかったら、前のページをチェックです。
