效果如下

使用jquery我们可以轻松的实现上面效果，代码如下：复制代码代码如下： html标题奇偶行钢性铸铁效果/title脚本src=' http :http://img。JB 51。net/jslib/jquery/jquery。js ' type=' text/JavaScript '/脚本样式type=' text/CSS '/表格*中偶数行*/.选项卡偶数{背景： # 9d8e 8b}/*表格中奇数行*/.tab奇数{ background : # ffffff }/样式脚本类型='text/javascript' $(文档)。ready(function(){ $(' # datalist tr : even ')).addCLaSS(' TABeven ')；$('#datalist tr:odd ').addCLaSS(' TabOdd ')；});/脚本/头体表id='datalist' trtd第一行TD/tr/trtd第2行TD/tr/trtd第3行TD/tr/trtd第四行TD/tr/trtd第5行/td/tr /table /body /html