本文介绍了一种使用CSS表达式为表格行设置背景颜色的方法。通过简单的代码示例展示了如何根据行索引的奇偶性自动切换不同的背景颜色，以此增强表格的可读性和美观度。
<style type="text/css">
.trSty{
background-color: expression((this.sectionRowIndex%2==0) ? "#419C33" : "#CCEBC7")
}
</style>
<table id="main_table">
<tr class="trSty">
<td width="100">a</td>
<td width="100">b</td>
</tr>
<tr class="trSty">
<td width="100">a</td>
<td width="100">b</td>
</tr>
<tr class="trSty">
<td width="100">a</td>
<td width="100">b</td>
</tr>
<tr class="trSty">
<td width="100">a</td>
<td width="100">b</td>
</tr>
</table>
Table 单双行交叉样式的显示
最新推荐文章于 2024-07-29 13:41:59 发布
扫一扫
950
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
