表格隔行换色

来源:互联网 发布:多米诺激光机软件 编辑:程序博客网 时间:2024/04/27 09:08

<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>1111111111111 </td>  
</tr>  
<tr>  
<td> 11111111111111</td>  
</tr>  
<tr>  
<td> 22222222222</td>  
</tr>  
<tr>  
<td>2222222222222 </td>  
</tr>  
</table>  

 

 

上面是每一行隔行换色每两行一循环,下面是每一行隔行换色,每八行一循环   
<style>  
.db tr{   
background-color:expression('#000000,#333333,#555555,#777777,#999999,#bbbbbb,#dddddd,#ffffff'.split(',')[rowIndex%8]);   
}   
</style>  

原创粉丝点击