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>
相关文章推荐
- 表格 隔行颜色不同 Css
- 使用Jquery+CSS实现的表格隔行凸显和当前行高亮效果
- angular jQuery css html混合table表格查询 排序 添加 删除 隔行换色
- CSS表格样式:圆角,隔行,变色
- 表格隔行换色(CSS版)
- 使用Jquery+CSS实现的表格隔行凸显和当前行高亮效果
- 使用Jquery+CSS实现的表格隔行凸显和当前行高亮效果
- js+css 控制表格隔行着色,单行高亮
- CSS表格样式:圆角,隔行,变色的具体实现
- css如何让表格或者行隔行显示背景颜色,单双交替显示不同的背景颜色
- CSS控制表格Table隔行换色
- CSS设置表格隔行换色
- CSS之Table表格隔行换色之简洁版
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- 纯CSS打造隔行变色表格
- Css制作table细线表格
- html常用标签表单和表格等及css的简单入门
- 详解DIV+CSS与表格建站的区别
- CSS 表格和列表(20160823-0023)
- 表格css设置需注意的地方