手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >样式表达式实现交替显示table行颜色
样式表达式实现交替显示table行颜色
摘要:tr{background-color:expression((this.sectionRowIndex%2==0)?"#419C33":"...

<heand> <mce:style type="text/css"><!-- tr {background-color:expression((this.sectionRowIndex%2==0)?"#419C33":"#CCEBC7")} --></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"><!-- tr.lightrow td { background-color: #FFFFFF; } tr.darkrow td { background-color: #EFEFEF; } --></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>

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

【样式表达式实现交替显示table行颜色】相关文章:

CSS右对齐实现方法

css样式的动态添加及显示和隐藏等零碎用法

CSS截取字符串显示省略号

用css样式表实现首字大写

用css实现文字的自动隐藏

文字列表前带数字1234 隔行换色

CSS强制换行对齐的实现方法

CSS样式表中的类

CSS样式表创建美妙绝伦的网站

用CSS实现表格背景颜色渐变效果

精品推荐
分类导航