[HTML]CSS_利用CSS控制表格的交替颜色

原创 2005年05月29日 09:19:00
<style type="text/css">
<!--
tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}
-->
</style>
</HEAD>
<table>
<tr><td>第1行</td><td>第1行</td></tr>
<tr><td>第2行</td><td>第2行</td></tr>
<tr><td>第3行</td><td>第3行</td></tr>
<tr><td>第4行</td><td>第4行</td></tr>
<tr><td>第5行</td><td>第5行</td></tr>
</table>
//myhyli @ blueidea
 
-----------------------------------------------
<style type="text/css">
<!--
tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}
td {background-color:expression((this.cellIndex%2==0)?"":((this.parentElement.sectionRowIndex%2==0)?"green":"yellow"))}
-->
</style>
</HEAD>
<table>
<tr><td>第1行</td><td>第1行</td><td>第1行</td><td>第1行</td><td>第1行</td></tr>
<tr><td>第2行</td><td>第2行</td><td>第2行</td><td>第2行</td><td>第2行</td></tr>
<tr><td>第3行</td><td>第3行</td><td>第3行</td><td>第3行</td><td>第3行</td></tr>
<tr><td>第4行</td><td>第4行</td><td>第4行</td><td>第4行</td><td>第4行</td></tr>
<tr><td>第5行</td><td>第5行</td><td>第5行</td><td>第5行</td><td>第5行</td></tr>
</table>

用CSS控制表格的交替颜色

td {font-size:12px;color:#333333;line-height:150%} tr {background-color:expression((this.sectionRow...

#学习笔记#(5)表格奇偶行颜色样式JavaScript+CSS+HTML

表格奇偶行样式 .odd { background:#ffffee; } .even { background:#fff38f; } .first { background:red;...

HTML、CSS和JavaScript学习五(案例分析三表格排序及颜色变换)

三.对表格中的的每一行进行按某个条件进行排序,效果图,当点击年龄是就会触发事件源,按照年龄将每行进行排序,第一点击按照从小到大的顺序排序,第二次点击是按照从大到小的顺序进行排序;并且当鼠标方法间隔色的...

CSS+HTML实例集合二,表格行颜色间隔显示,加有鼠标移入移出高亮效果,还有单击选中高亮再单击消除高亮

CSS_HTML实例集合二,表格行颜色间隔显示,加有鼠标移入移出高亮效果,还有单击选中高亮再单击消除高亮 无标题文档 table{ border:1px solid #000...

利用css和JSTL以及EL表达式生成颜色不一样的表格

对于一些网页,在管理员进行操作的时候,为了让界面更加的漂亮和富有操作性,我们需要经常的添加一些美化的效果,在这里呢,就教给大家一些很好的小技巧,让页面稍微好看一点,当然我的什么了能力不太好,所以配色不...

QT控制选中item的文字颜色(HighlightedText) 和 QT表格交替背景色

出处:http://blog.csdn.net/piaopiaolanghua/archive/2010/10/12/5936145.aspx默认的情况下,QTableView,QTableWidge...

用JS控制表格的交替颜色

用JS控制表格的交替颜色 window.onload = function() { doubleBgColor(document.getElementById("table1"),"#cecec...

HTML5 CSS控制Table内外边框、颜色、大小示例

//联系人:石虎  QQ: 1224614774 昵称:嗡嘛呢叭咪哄 在默认的情况下,我们的CSS将Table的边框清除掉了,下面与大家分享下CSS控制Table内外边框、颜色、大小的...

利用CSS固定背景交替实现视差滚动效果

利用CSS固定背景交替实现视差滚动效果  外部样式表部分 *{  margin:0;  padding:0; } body{  font-family:"Trebuchet MS...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[HTML]CSS_利用CSS控制表格的交替颜色
举报原因:
原因补充:

(最多只允许输入30个字)