先看看效果:
如何让表格相邻行的颜色不同呢?
如何让表格的行的颜色间隔不同呢?
表格的行间隔变色
有如下种方式
方式一:使用纯css
table.dictionaryList tr:nth-child(2n+3){ background-color:#c0e0f7; } table.dictionaryList tr:nth-child(2n+2){ background-color:#defcfe; }
说明:n从零开始:0,1,2,3....
没有包含表格的第一行,因为第一行是标题.
方式二:使用javascript脚本实现
$(function(){ $('div.queryResultDiv table.productList tr:odd').addClass('odd'); $('div.queryResultDiv table.productList tr:even').filter(':gt(0)').addClass('even'); })
说明:odd和even均是css类.
方式三:使用javascript脚本
function altRows(id){ if(document.getElementsByTagName){ var table = document.getElementById(id); var rows = table.getElementsByTagName("tr"); for(i = 0; i < rows.length; i++){ if(i % 2 == 0){ rows[i].className = "evenrowcolor"; }else{ rows[i].className = "oddrowcolor"; } } } }
说明:参数id是表格的id属性值.
推荐方式一,使用纯css
相关推荐
利用CSS控制表格table的交替颜色 源码 有图片
除了表格标签自带的属性外,还可用CSS的边框、宽高、颜色等来控制表格样式。此外,CSS中还提供了表格专用属性,以便控制表格样式。 本节将从边框、边距和宽高三个方面,详细讲解CSS控制表格样式的具体方法。 CSS控制...
这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本... 原理: 用边框线来摸拟斜线,我们知道,如果将一个DIV的边框线设置得足够宽并定义了不同的颜色时,其相邻的两条边框线交
游戏说明: 一个5*5的方格 打算往每个格子里放房子,有4种颜色的房子 蓝色的房子 占10人口 随便放在哪里都行 红色的房子 占20人口 要求和蓝色的房子相邻 绿色的房子 占30人口 要求和蓝色,红色的房子...
游戏说明: 一个5*5的方格 打算往每个格子里放房子,有4种颜色的房子 蓝色的房子 占10人口 随便放在哪里都行 红色的房子 占20人口 要求和蓝色的房子相邻 绿色的房子 占30人口 要求和蓝色,红色的房子...
合并相邻单元从指定的列中合并相邻数据行到一个不可编辑单元,或独立显示所有单元属性。 AutoDropdown和 AutoCompletion属性 · 通过减少下拉选项所需按键次数来简化数据输入。 · 自动将网格单元转换...
实例58:批量将文档内容转换成每行都带横线的表格 38 实例59:批量将文档内容设置作文格子形式 39 实例60:批量提取下列每行文字的第一部分超链接 40 实例61:提取歌曲的超级链接 40 实例62:清除网页中的乱码 41 ...
8、增加批量合并相邻相同颜色区。 改进功能: 1、自动赋高程,能读取画线的第一条线高程,去掉从左到右原则。 2、裁剪功能,会自动生成图框。 修正功能: 1、柱状图中线宽度问题,责任签文字对齐问题。 2、剖面...
3.1.6 改变工作表标签的颜色 3.1.7 同一工作簿内移动工作表 3.1.8 同一工作簿内复制工作表 3.1.9 不同工作簿之间移动工作表 3.1.10 不同工作簿之间复制工作表 3.1.11 隐藏或者显示工作表 3.2 控制工作...
浏览器兼容 ...表格边框相邻时自动合并 clear:both;overflow: auto;<父标签> div撑起来 -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;
3.1.6 改变工作表标签的颜色 3.1.7 同一工作簿内移动工作表 3.1.8 同一工作簿内复制工作表 3.1.9 不同工作簿之间移动工作表 3.1.10 不同工作簿之间复制工作表 3.1.11 隐藏或者显示工作表 3.2 控制工作...
3.1.6 改变工作表标签的颜色 3.1.7 同一工作簿内移动工作表 3.1.8 同一工作簿内复制工作表 3.1.9 不同工作簿之间移动工作表 3.1.10 不同工作簿之间复制工作表 3.1.11 隐藏或者显示工作表 3.2 控制工作...
3.1.6 改变工作表标签的颜色 3.1.7 同一工作簿内移动工作表 3.1.8 同一工作簿内复制工作表 3.1.9 不同工作簿之间移动工作表 3.1.10 不同工作簿之间复制工作表 3.1.11 隐藏或者显示工作表 3.2 控制工作...
用户可以从库快速访问磁盘上不同文件夹中的文件 10、在Word2010中,要将表格中的相邻的两单元格变成一个单元格,在选定此两单元格 后,应执行"表格"菜单中的( )命令。 A.删除单元格 B.合并单元格 C.拆分单元格 ...