样式表达式实现交替显示table行颜色

时间：2016-04-19

<heand> 
<mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">tr {background-color:expression((this.sectionRowIndex%2==0)?"#419C33":"#CCEBC7")}</style> 
<mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">tr.lightrow td { 
background-color: #FFFFFF; 
} 
tr.darkrow td { 
background-color: #EFEFEF; 
}</style> 
<table id="main_table"> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
<tr> 
<td width="100">a</td> 
<td width="100">b</td> 
</tr> 
</table>

提示：您可以先修改部分代码再运行

上一条：li 自适应宽度 下一条:CSS 实例实现清除浮动

css 给table设置样式在一个网页中多处使用了表格table标签，这个时候给指定的表格对象设置样式依然可以通过CSS进行控制设置。其实有时我们这样思考将table标签当作DIV标签来布局设置

样式表达式实现交替显示table行颜色

相关文章

最新文章