对于棋盘的绘制，我们采用用代码的方式控制表格的生成：

首先将TableCell插入TableRow中（行对象中添加单元格），再将TableRow插入Table中（表格对象中添加行对象），最后将Table插入panel中（在panel对象中添加表格对象）：

其中，holder是占位对象即可，不一定非得是panel；

具体实现代码： 

1、在div中插入一个placeHolder对象，ID为holder_table；

2、在div中插入一个按钮，点击该按钮，执行代码，并在placeHolder中生成表格：

至此，点击Button后的效果：

在Css中控制表格的形式：

运行效果：

注意：td是单元格的标签，table是表格的标签

消除单元格之间间距的方法：

运行效果：

将单元格设置为正方形：

运行效果：

给单元格填充颜色，当行列和为奇数，为黑格，否则为白格：

首先，在Css当中先对黑色单元格进行定义：