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

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 样式表达式实现交替显示table行颜色

CSS样式表: CSS网页设计实例:15个用CSS设计的网页表单实例; 让IE可以变相支持CSS3选择器; CSS3制作的精彩的网页实例教程; 5个实例让你轻松了解CSS3新属性; CSS教程:详解CSS特定值; 网页制作中的水平居中和垂直居中解决方案; CSS教程:CSS属性behavior的语法; 网页制作实例:用CSS样式描述表格Table边框; CSS Hack兼容各浏览器是否正常; 应聘网页设计师常见的8个面试试题和答案; 5个帮助你实现未来的网页设计的CSS3技巧; CSS教程:纯CSS实现的圆角化图片; CSS命名规范和CSS书写规范及方法; CSS教程:expression在Chrome的问题; CSS教程:CSS变换(transition); float闭合（清除浮动）和CSS HACK; letter-spacing和word-spacing; CSS基础语法：群组化选择符; 黑客选择CSS代码挂马 CSS挂马攻防实录; CSS3制作网页下拉菜单代码解释

No. « ‹ 116 117 118 119 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 391 ::

收藏到网摘: n/a

li 自适应宽度 css 控制图片大小小于固定值控制大小

<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行颜色

评论 (0) All

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