用css 控制多行的table(行数不确定),隔行换色 能实现吗?求高手指点

html-css015

用css 控制多行的table(行数不确定),隔行换色 能实现吗?求高手指点,第1张

用js实现吧,给tr一个id:

$(document).ready(function() {

var objs=$("#tab1 tr")

for (var i=0i<objs.lengthi++){

$("#"+objs[i].id).css("background",(i%2==0)? 'red' : 'white')

}

})

如果是不同的颜色,就把颜色放到一个数组里面,在循环中从里面取颜色就行了

alt+鼠标左键。

1关于颜色的css代码,把鼠标移动到这段代码上时,一个颜色选择器窗口就会显示出来,可以通过它来修改选择自己想要的颜色;

2ctrl+shift+p调出命令面板;

3alt+鼠标左键选中多行同时编辑;

4ctrl+shift+L选中编辑代码中相同的内容;

5选中多行,按tab键可统一向右移动;

6选中文本后,Ctrl+[和Ctrl+]可实现文本的向左移动和向右移动;

7按住Ctrl+Alt,再按键盘上的上或下键,可以使一列上出现多个光标;

8选中一段文字,按shift+alt+i,在每行末尾都会出现光标;

9按shift+alt,再使用鼠标拖动,也可以出现竖直的列光标,同时可以选中多列;

10按ctrl+f,可以搜索当前页面。

首先你要有一个合理的布局:

<div class="box">

<ul class="list">

<li>1111111111111</li>

<li>2222222222222</li>

<li>3333333333333</li>

<li>4444444444444</li>

</ul>

</div>

用一个盒子包住一个无序列表,把盒子模型的宽度固定,当li没有宽度的时候,它就是单列的,当li有宽度而且浮动的时候,可以随意变成多列多行。

现在假设盒子模型宽是450~左右内边距是10:

样式一(一列多行):

*{padding:0margin:0}//初始化内外补白

li{list-style:none}//初始化列表

.box{width:450pxpadding:10px}

.box .list li{line-height:24px}

样式二(二列多行):

*{padding:0margin:0}//初始化内外补白

li{list-style:none}//初始化列表

.box{width:450pxpadding:10px 0 10px 10px}//这时候列表的宽度只剩下450-10=440,可以把宽度定为210加10右边外补白

.box .list{zoom:1}

.box .list:after{content:""height:0clear:bothdisplay:block}//清除浮动

.box .list li{widht:210pxline-height:24pxfloat:leftmargin-left:10px_display:inline}//两个220刚好440的宽