您现在的位置是：网站首页> 编程资料编程资料

样式表达式实现交替显示table行颜色_CSS教程_CSS_网页制作_

2023-11-02 152人已围观

简介 [html] <heand> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus=&qu

<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_网页制作_

下一篇：CSS 实例实现清除浮动_CSS教程_CSS_网页制作_

您现在的位置是：网站首页> 编程资料编程资料

样式表达式实现交替显示table行颜色_CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢