为每一个table单元格设置不同的背景颜色:
本章节介绍一下如何给表格的每一个单元格设置一个背景颜色,当然这里的方法比较笨拙,主要面向初学者。
代码如下:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title></head><body><table cellspacing="0" style="width:980px;height:200px;"> <tr > <td bgcolor="e91e6f"></td> <td bgcolor="224071" ></td> <td bgcolor="f12339"></td> <td bgcolor="1ea27e"></td> <td bgcolor="224071"></td> </tr> <tr> <td bgcolor="1ea27e"></td> <td bgcolor="e91e6f"></td> <td bgcolor="224071"></td> <td bgcolor="f12339"></td> <td bgcolor="1ea27e"></td> </tr> <tr> <td bgcolor="e91e6f"></td> <td bgcolor="224071"></td> <td bgcolor="f12339"></td> <td bgcolor="1ea27e"></td> <td bgcolor="224071"></td> </tr> <tr> <td bgcolor="1ea27e"></td> <td bgcolor="e91e6f"></td> <td bgcolor="224071"></td> <td bgcolor="f12339"></td> <td bgcolor="1ea27e"></td> </tr></table></body></html>
上面的代码实现了我们的要求,当然方式很笨拙,就是为每一个单元格设置一个背景色,当然也可以使用javascript动态的方式设置,这里就不多介绍了,虽然麻烦,总归实现了。
原文地址是:http://www.51texiao.cn/HTML5jiaocheng/2015/0613/4139.html
最原始地址是:http://www.softwhy.com/