您的位置:首页 > Web前端 > CSS

css 表格隔行换色

2008-05-12 19:47 183 查看

摘自:
http://www.blueidea.com/bbs/NewsDetail.asp?GroupName=Dreamweaver+%26+Javascript%D7%A8%C0%B8&DaysPrune=60&lp=1&id=2232008
表格隔行换色,节省代码的好方法

<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: