当前位置: 代码迷 >> .NET相关 >> 替每一个table单元格设置不同的背景颜色
  详细解决方案

替每一个table单元格设置不同的背景颜色

热度:91   发布时间:2016-04-24 02:48:01.0
为每一个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/

  相关解决方案