文档章节

设置table单数行和双数行的样式

幸福密码
 幸福密码
发布于 2015/09/18 16:59
字数 217
阅读 11
收藏 0
<!DOCTYPE html>

<html>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Test</title>

<style type="text/css">

    #addtable tr{

  background:#FFC;

 }               

 #addtable tr:nth-child(2n){

    background:#CFF; 

 }

 #addtable tr{

    background-color: expression((this.sectionRowIndex % 2 == 0) ? "#FFC" : "#CFF" );

 }   

</style>

</head>

<body>

    <table id="addtable">

        <tr><td>这是奇数行</td></tr>

        <tr><td>这是偶数行</td></tr>

        <tr><td>这是奇数行</td></tr>

        <tr><td>这是偶数行</td></tr>

        <tr><td>这是奇数行</td></tr>

        <tr><td>这是偶数行</td></tr>

        <tr><td>这是奇数行</td></tr>

        <tr><td>这是偶数行</td></tr>

        <tr><td>这是奇数行</td></tr>

        <tr><td>这是偶数行</td></tr>

        <tr><td>这是奇数行</td></tr>

        <tr><td>这是偶数行</td></tr>

        <tr><td>这是奇数行</td></tr>

        <tr><td>这是偶数行</td></tr>

        <tr><td>这是奇数行</td></tr>

        <tr><td>这是偶数行</td></tr>

    </table>

</body>

</html>

© 著作权归作者所有

上一篇: 百度地图解析
下一篇: 中文转拼音
幸福密码
粉丝 3
博文 29
码字总数 9627
作品 0
广州
私信 提问
bootstrap-table中文文档(页疑翻译)

大家可以随便转载使用,但是请注明出处~~~from oschina 页疑 我从excel翻译好粘贴过来的,这个格式也太丑了吧。。。好像还显示不全。。。看不到的可以来百度云下载 表格属性(jQuery.fn.boo...

页疑
2015/11/29
26.8K
8
springboot项目启动异常

近期遇到一件很奇怪的事情: 公司项目, 用了SpringBoot框架, 在本地IDE进行开发时, 一切正常, 但是打包到服务器就会出现循环依赖异常 ` Caused by: org.springframework.beans.factory.Unsat...

BekeyChao
04/08
128
2
H5移动端获奖无缝滚动动画实现

需求分析 哈哈,上动态图真的是一下就明了了。 就是滚动么滚动,那么制作这个有什么方法呢?我们来总结一下: html骨架 其实很简单,最外面的是做固定的窗口,里面的控制运动,里面是展示动画...

顽皮的雪狐七七
2018/06/21
0
0
ASP.NET中服务器控件Table动态生成表格及其属性介绍

ASP.NET中服务器控件Table动态生成表格 Table tb = new Table(); int row = 3; // 行数 int col = 4; // 列数 for(int i=0;i...

长平狐
2013/01/06
4.7K
0
一个云端充值的Sql Server存储过程示例

一个云端充值的Sql Server存储过程示例 一、充值相关的表: 1、充值要变更tb_Customer表 LeftMoney ,当前余额 , 需要加上充值额 DepositSum ,充值总额 , 需要加上充值额 ConsumeNo ,卡操...

脸黑
2018/04/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

安全组和云防火墙的区别

前言 熟悉云平台的朋友可能都会注意到这样一个事情:无论公有云还是私有云,创建虚拟机的时候都需要选择安全组,来对虚拟机进行安全防护;有的云平台在VPC里,还能选择防火墙,ZStack在3.6版...

ZStack社区版
13分钟前
0
0
教育性app开发的重要性和好处

在这个精通技术的世界中,流行的app主导着无聊的教育系统。当我们将技术和教育结合在一起时,它将带来当代以及强大的学习资源。因此,将教育移动app集成到您的学习过程中,并根据自己的信念把...

a429011717
14分钟前
0
0
IE6/7/8如何兼容CSS3属性

本文转载于:专业的前端网站➩IE6/7/8如何兼容CSS3属性 最近在工作中总是要求IE8兼容CSS3属性,在网上搜了搜主要是引入了一个htc文件(ie-css3.htc或者PIE.htc。个人认为这两个文件的作用差不...

前端老手
29分钟前
2
0
手把手教你ALLEGRO的约束规则的设置教程!

约束规则的设置 分三步, 定义规则(一、基本约束规则设置:1、线间距设置;2、线宽设置;3、设置过孔;4、区域约束规则设置;5、设置阻抗;6、设置走线的长度范围;7、设置等长:7.1、不过电阻的NET 等...

demyar
31分钟前
3
0
完美解决H5滚动滑动穿透方案:不使用系统滚动

网上有很多黑科技解决这个问题,都不是从根本去解决,例如通过js控制弹出时html加上position:fixed; 弹窗关闭后再去掉该样式,总觉得不太对,像是打补丁。 今天终于找到了滚动穿透的原因和完...

未来cc
36分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部