你的位置:首页 > 网页设计

[网页设计]为每一个table单元格设置不同的背景颜色

为每一个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/