这两个例子很漂亮。例子1 例子2

注意这些问题：

1.col 和 colgroup 的使用，通过它们来控制表格列。

2.表格斑马线方法有3

table 背景图片（图片本身就是两行一深一浅的颜色）

隔行指定 tr class=”striped”

javascript 遍历处理，这个例子代码比较经典。对已有 class 的 tr 不做处理，这是它的 js 代码

3.IE png“背景”（并不是背景，而是介于背景和前景之间的一张图片）透明的解决方法，用 ie filter - AlphaImageLoader

tbody tr.odd td

{

background:transparent url(background.png) repeat top left;

}

* html tbody tr.odd td

{

background:#C00;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(

src=’background.png’, sizingMethod=’scale’);

}

4.注意 thead,tbody,tfoot,th 的使用。前三者在逻辑上划分表格块，也便于后面的js或者css操作。th 默认 bold text-align:center，而且也便于和下面真正的数据 cell 分开！

5.CSS3 的 :nth-child 伪类选择器将会很容易处理这些效果。

tr:nth-child(2n+1)

tr:nth-child(odd)