以往在我们进行网页设计制作表格隔行换色的手法通常是通过手工定义或通过代码循环行数来定义颜色,前者的方法通常应用于静态网页,手工定义非常繁琐,后者通常应用于动态脚本网页,则必须加入循环代码来判断行数的奇偶来定义行的颜色,达到隔行换色。
这两种方法都有一定的缺点,而通过下面这段CSS代码就可以完全解决了上两种方法的缺点,而且适用于所有支持CSS样式表的网页开发代码,非常精典,值得收藏!!
应用举例:
1 2 3 4 5 6 7 8 9 10 11 |
<style> #oTable tr {alternateColor:expression(bgColor=rowIndex%2==0?'#FFFFFF':'#F7F7F7')} </style> <table id="otable"> <tr><td>aaaaaaaaaaaaaaaa</td></tr> <tr><td>aaaaaaaaaaaaaaaa</td></tr> <tr><td>aaaaaaaaaaaaaaaa</td></tr> <tr><td>aaaaaaaaaaaaaaaa</td></tr> <tr><td>aaaaaaaaaaaaaaaa</td></tr> </table> |