本文共 1287 字，大约阅读时间需要 4 分钟。
代码如下:
| 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | <!DOCTYPE html> < html > < head > < meta charset = " utf-8" > < meta name = "author" content = "" /> < 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动态的方式设置，这里就不多介绍了，虽然麻烦，总归实现了。
原文发布时间为：2017-2-11
本文作者：admin
本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落
原文链接：
转载地址：http://ecell.baihongyu.com/