对于棋盘的绘制,我们采用用代码的方式控制表格的生成:
首先将TableCell插入TableRow中(行对象中添加单元格),再将TableRow插入Table中(表格对象中添加行对象),最后将Table插入panel中(在panel对象中添加表格对象):
其中,holder是占位对象即可,不一定非得是panel;
具体实现代码:
1、在div中插入一个placeHolder对象,ID为holder_table;
2、在div中插入一个按钮,点击该按钮,执行代码,并在placeHolder中生成表格:
至此,点击Button后的效果:
在Css中控制表格的形式:
运行效果:
注意:td是单元格的标签,table是表格的标签
消除单元格之间间距的方法:
运行效果:
将单元格设置为正方形:
运行效果:
给单元格填充颜色,当行列和为奇数,为黑格,否则为白格:
首先,在Css当中先对黑色单元格进行定义: