html table隔行变色 使用CSS3实现表格隔行/隔列变色

废话少说，先看效果，如果不是你想要的，你可以撤了~

这些都是css控制的，然后我们看下样式：

table tr:nth-child(odd){background:#F4F4F4;}

table td:nth-child(even){color:#C00;}

table tr:nth-child(5){background:#73B1E0;color:#FFF;}

分别选择为：奇数行、偶数列、第五行，下面是完整代码：

Css3实现表格隔行变色或隔列变色

body{padding:0;margin:0;font:normal 12px/24px "\5FAE\8F6F\96C5\9ED1";color:#444;}

table{width:500px;border:0;margin:100px auto 0;text-align:center;border-collapse:collapse;border-spacing:0;}

table th{background:#0090D7;font-weight:normal;line-height:30px;font-size:14px;color:#FFF;}

table tr:nth-child(odd){background:#F4F4F4;}

table td:nth-child(even){color:#C00;}

table tr:nth-child(5){background:#73B1E0;color:#FFF;}