[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表格各行颜色交替 tr:nth-child(odd)

你可以给标题所在行单独设置颜色样式。比如(假定标题在第一个tr标签内): tr:nth-child(odd) {color:red} //奇数行(从标题行起算,下同)设为红色 tr:nth-c...
  • x_men_01
  • x_men_01
  • 2016年09月02日 10:20
  • 903

CSS设置表格的颜色

CSS设置表格的颜色           表格的颜色设置非常简单,和文字的颜色设置完全一样。           CSS通过color属性设置表格中文字的颜色,通过background属性设置表格...
  • nangeali
  • nangeali
  • 2016年10月16日 19:18
  • 1525

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

tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}-->第1行第1行第2行第2行第3行第3行第4行第4...
  • szwangdf
  • szwangdf
  • 2005年05月29日 09:19
  • 1662

利用CSS控制表格table的交替颜色

  • 2011年09月08日 09:31
  • 2KB
  • 下载

用css实现表格行交替变色

方法一:.db { border-collapse:collapse;}.db tr{ background-color:expression(#dbdbdb,#EFEFEF.split(,)[row...
  • xiaozhen
  • xiaozhen
  • 2006年02月03日 10:51
  • 2117

利用CSS控制表格的交替颜色

  • zgqtxwd
  • zgqtxwd
  • 2008年05月01日 00:26
  • 91

CSS也能控制表格的交替颜色

tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}-->第1行第1行第2行第2行第3行第3行第4行第4...
  • musttieying
  • musttieying
  • 2006年06月01日 13:49
  • 583

CSS也能控制表格的交替颜色

  tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")} -->    第1行第1行 第2行第2行 第3...
  • jujuchen
  • jujuchen
  • 2007年05月30日 14:18
  • 337

css如何让表格或者行隔行显示背景颜色,单双交替显示不同的背景颜色

css如何让表格或者行隔行显示背景颜色,单双交替显示不同的背景颜色 要显示单双行不同颜色除了css可以外,jquery也可以的,而且 2种方法都挺简单的,下面请看jquery显示的方法。 ...
  • Caster_Saber
  • Caster_Saber
  • 2015年06月16日 18:34
  • 4173

用CSS控制表格的交替颜色

td {font-size:12px;color:#333333;line-height:150%} tr {background-color:expression((this.sectionRow...
  • wenling0629
  • wenling0629
  • 2012年04月02日 09:14
  • 184
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[HTML]CSS_利用CSS控制表格的交替颜色
举报原因:
原因补充:

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