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

最新推荐文章于 2021-06-19 05:45:06 发布
最新推荐文章于 2021-06-19 05:45:06 发布
阅读量931 收藏
点赞数
分类专栏： ASP.NET/C# 文章标签： css table
<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>  
LeeLin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用CSS控制表格table的交替颜色
09-08
利用CSS控制表格table的交替颜色 代码和讲解部分
html中p标签隔行换色,（转）用JS实现表格中隔行显示不同颜色
weixin_34088048的博客
06-29 332
用JS实现表格中隔行显示不同颜色第一种：tr{bgColor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow');}第二种：var oTable = document.all['oTable'];for(var i=0;ioTable.rows[i].bgColor = (i%2==0) ? 'white...
CSS中的隔行换色
xxxatt的专栏
09-11 944
一.表格的隔行换色 tr {background-color:expression((this.sectionRowIndex==0)?"":(this.sectionRowIndex%2==0)?"red":"blue")}-->第1行第1行第2行第2行第3行第3行第4行第4行第5行第5行 二.表格的td换色 tr {background-color:expression((this.secti
html如何设置表格交错颜色,表格单元格交错着色实现思路及代码
weixin_42168750的博客
06-19 835
【Title】[原]表格单元格交错着色【Abstract】以空间换时间，循环确定所着颜色。【Environment】jQuery【Author】wintys ([email protected]) http://wintys.cnblogs.com【Content】:1、效果2、问题描述对如下表格中的单元格进行交错着色。表格中HTML标签、内容已定。TR0-TD0TR0-TD1TR0-TD2TR0...
html 表格交替颜色,用CSS和表格代码实现每行交替颜色的效果比较
weixin_39764603的博客
06-19 944
用CSS写出表格每行交替颜色的效果关于用CSS定义，来表现出表格每行不同的颜色，用来区分每行数据，方便阅读。其中有的是利用IE的BUG，在CSS里面添加动态的内容，IE会解析它，这个先不谈，因为和主题没有关系。还看到几个很简单的方法，利用给不同的标签不同的背景色达到效果，先看这个方法的CSS以下为引用的内容：th {font-weight: normal; text-align:left; bac...
好东西啊!CSS也能控制表格的交替颜色(转贴)
weixin_34056162的博客
11-15 82
<style type="text/css"><!--tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}--></style></HEAD><table><tr><td>第1行</td>&lt...
用CSS控制表格的交替颜色特效代码
03-20
用CSS控制表格的交替颜色.rar
07-05
用CSS控制表格的交替颜色
jQuery 行背景颜色的交替显示(隔行变色)实现代码
01-21
一些css的定义，可以根据需要自己选择。//显示单双行显示不同背景色【方法一】： // $... ”UL_id”> 单数</li> 双数</li> 双数</li> </ul> odd:单 even:双 jQuery 表格隔行变色代码li隔行换色改进版JS控制表格隔行变色
利用CSS控制表格颜色的交替显示
漠然
02-21 2730
  TABLE.sample TR{background-color:expression((this.sectionRowIndex%2==0)?"gray":"green")}  TABLE.sample1 TD{background-color:expression((this.cellIndex%2==0)?"gray":  ((this.parentElement.sectionRow
css如何让表格或者行隔行显示背景颜色，单双交替显示不同的背景颜色
热门推荐
Caster_Saber的专栏
06-16 1万+
css如何让表格或者行隔行显示背景颜色，单双交替显示不同的背景颜色 要显示单双行不同颜色除了css可以外，jquery也可以的，而且 2种方法都挺简单的，下面请看jquery显示的方法。 $(function(){ $("tr:even").css("background","blue"); $("tr:odd").css("background","red"); })
HTML5中交替变换表格的行颜色
星云互动
11-13 1395
下面的例子展示了你如何交替展示表格的行的颜色。使用CSS3中的 nth-child(event)和nth-child(odd)， CSS3的伪选择器。   &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&g
css表格各行颜色交替 tr:nth-child(odd)
小春的博客
09-02 9410
你可以给标题所在行单独设置颜色样式。比如（假定标题在第一个tr标签内）： tr:nth-child(odd) {color:red} //奇数行（从标题行起算，下同）设为红色 tr:nth-child(even) {color:blue} //偶数行设为蓝色 tr:nth-child(1) {color:black} //第一行（标题行）设为黑色 这是标题 这是第1行 这是
表格颜色交替css(2)
bluedusk
09-27 781
 
[HTML]CSS_利用CSS控制表格的交替颜色
王德封-逐浪
05-29 3220
tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}-->第1行第1行第2行第2行第3行第3行第4行第4行第5行第5行//myhyli @ blueidea -----------------------------------------------tr {background-col
交替颜色的表格
liu537192的专栏
08-11 569
效果图：
表格交替颜色变化样式
04-07 121
td {font-size:12px;color:#333333;line-height:150%} tr {background-color:expression((this.sectionRowIndex%2==0)?"#ffffff":"#f4f4f4")} fslkdjflalsdf ...
用css控制表格的交替颜色
winki吧
12-07 1678
        网站表格是显示数据的重要元素，但是如果表格太平凡，浏览者就会对内容产生抗拒。将下面的代码放进网页的之间,可以为表格加上交替的背景颜色：td{background-color:expression((this.cellIndex%2==0)?(this.parentElement.rowIndex%2==0)?"yellow":"green":(this.parentElement.
颜色交替的表格
生姜有味
09-23 653
.DoubleColorTable tr{background-color:expression("#FFFFFF,#EEEEEE,#DDDDDD,#CCCCCC,#666666,#999999".split(",")[rowIndex%6])}1112212231324142111221223132414211122122313241424142111221223132414211122
html修改表格颜色
最新发布
05-28
要修改表格的颜色，也可以使用CSS来实现。以下是一些基本的CSS代码，可以帮助您修改表格的颜色： 1. 修改表格边框颜色 ``` table { border: 1px solid #CCCCCC; /* 修改为您想要的颜色值 */ } ``` 2. 修改表格...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值