| 表格隔行换色，真是方便，摘自经典论坛 |
|
摘自：
表格隔行换色，节省代码的好方法
<style>
.db { border-collapse:collapse;} .db tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); } </style> <table width="100%" border="1" class="db"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table>
上面是每一行隔行换色每两行一循环，下面是每一行隔行换色，每八行一循环
<style>
.db tr{ background-color:expression('#000000,#333333,#555555,#777777,#999999,#bbbbbb,#dddddd,#ffffff'.split(',')[rowIndex%8]); } </style> |
表格隔行换色，真是方便，摘自经典论坛
最新推荐文章于 2024-11-01 07:34:05 发布
本文介绍了一种利用CSS表达式实现表格隔行换色的方法，不仅能够美化表格外观，还能减少代码量。通过简单的代码示例展示了如何设置背景颜色以达到每两行或每八行循环换色的效果。
扫一扫
3215
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
