表格 隔行颜色不同 Css

原创 2006年05月18日 20:00:00

<style>
.mytb {
 width:300px;
 height:20px;
 border-bottom: 1px #f00 solid;
}
.mytb th {
 background-color: #ff9d7f;
 border: 1px #ff9d7f solid;
 border-bottom: 1px #f00 solid;
}
.mytb td {
 text-align: center;
   background-color:expression((this.parentElement.sectionRowIndex%2==0)?'#efffa7':'#fff');
 border-top:expression((this.parentElement.sectionRowIndex%2==0)?'1px #00f solid':'0px');
 border-bottom:expression((this.parentElement.sectionRowIndex%2==0)?'1px #00f solid':'0px');

 border-left:expression((this.cellIndex==0)?'1px #f00 solid':'0px');
 border-right:expression((this.cellIndex==2)?'1px #f00 solid':'0px');
}
</style>
<table class="mytb" cellspacing="0" cellpadding="0">
<tr><th>000</th><th>000</th><th>000</th></tr>
<tr><td>000</td><td>000</td><td>000</td></tr>
<tr><td>000</td><td>000</td><td>000</td></tr>
<tr><td>000</td><td>000</td><td>000</td></tr>
</table>

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

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

用JS实现表格中隔行显示不同颜色

用JS实现表格中隔行显示不同颜色 第一种: tr{bgColor:expression(     this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'ye...
  • super_marioli
  • super_marioli
  • 2010年11月10日 12:33
  • 4448

实战jTable表格颜色隔行显示

使用static方法,放在常用工具类myUtil中,只需在表格数据生成后加入myUtil.makeFace(jTable1);即可:public static void makeFace(JTable...
  • petehero
  • petehero
  • 2004年10月12日 11:07
  • 1391

CSS样式定义table隔行背景颜色显示不一样(IE8及以上,其他浏览器不支持)

IE的官方blog中看到了这篇文章--《Ending Expressions》。文章指出在IE8的标准模式下,将不再对CSS expression进行支持 定义   IE5及其以后版本支持在CSS中使...
  • dongzhiquan
  • dongzhiquan
  • 2009年12月08日 23:04
  • 2884

bootstrap表格通过css样式实现隔行换色

代码样式如下 table tr:nth-child(even){ background: #ccc; }
  • yu_hongrun
  • yu_hongrun
  • 2018年01月09日 09:50
  • 209

css3实现隔行换色

http://www.51xuediannao.com/qd63/index.php/page-3-35-1.html css3隔行换色测试 - 前端路上 http://www.51...
  • ForMyQianDuan
  • ForMyQianDuan
  • 2016年05月12日 17:04
  • 419

django template 编写隔行更换数据背景颜色

隔行变颜色,其实需要使用django template 里的divisibleby,   {% if forloop.counter|divisibleby:”2″ %} {% el...
  • changemyself
  • changemyself
  • 2013年03月06日 15:13
  • 2270

纯CSS实现 table 表格奇偶行不同颜色

[摘要]本文介绍纯CSS实现 table 表格奇偶行不同颜色,并提供详细的示例代码供参考。 CSS代码: View Row Code 1 .table-...
  • jinyeweiyang
  • jinyeweiyang
  • 2014年09月29日 17:27
  • 3141

如何让Jtable隔行分别颜色显示

方法一class MyTableCellRenderer  extends DefaultTableCellRenderer {  public Component getTableCellRende...
  • moliqin
  • moliqin
  • 2008年03月12日 09:58
  • 1800

纯CSS3实现table表格隔行变色并hover变色。

纯CSS3实现table表格隔行变色并hover变色。 先看下效果图 关键CSS代码介绍 1 2 3 table t...
  • kstg5208197
  • kstg5208197
  • 2017年03月30日 22:52
  • 689
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:表格 隔行颜色不同 Css
举报原因:
原因补充:

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