颜色交替的表格

博客展示了通过CSS样式为HTML表格设置隔行变色效果的代码。定义了一个名为DoubleColorTable的类,利用表达式使表格的行按特定颜色序列循环显示背景色,还给出了具体的表格结构示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<style>
.DoubleColorTable tr{background-color:expression("#FFFFFF,#EEEEEE,#DDDDDD,#CCCCCC,#666666,#999999".split(",")[rowIndex%6])}
</style>
</HEAD>

<BODY>

<table class="DoubleColorTable" border=1 width=600>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
<tr><td>41</td><td>42</td></tr>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>41</td><td>42</td></tr>
</table>

</BODY>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值