如何用css设置表格的偶数行样式为白色
3个回答
展开全部
可以使用jquery来实现 例如 $("table tr:odd").css("background","#fff");或者使用css3,例如table tr:2n{background:#fff;}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>千声盒子</title> <style type="text/css"> /*不要使用标签名作为类名*/ /*.table{text-align:center;width:100%;height:100%;border-width:thin;border-style:solid;border-color:#AA9FFF;border-collapse:separate;}*/ .tbClass { text-align:center; width:100%;height:100%; /*首先对大表格加上左边 和 底边*/ /*我自作主张加上了底边框，可以删掉去*/ /*听说FF下不支持缩写，请你自己把下面的写法拆分出来*/ border-left:2px #AA9FFF solid; /* 左边框 */ border-bottom:2px #AA9FFF solid; /*底边框*/ } .tbClass td {/*单元格的上边和右边*/ border-top:2px #AA9FFF solid; border-right:2px #AA9FFF solid; } .tbClass td {/*测试用，为了看到效果，你可以把这个删掉去*/ /*width:100px; height:80px;*/ } /*专门为“盒子那行写的类”*/ .boxCell td { height:101px; padding:0; margin:0} </style> </head> <body> <table id="Box" name="Box" class="tbClass" cellspacing=0><!--注意！ 1:我把类名由table改成tbClass了, 2: cellspacing=0--> <?php for($i=1;$i<=1000;$i++){ if($i%5==0){ echo "<td>$i</td>"; echo "</tr> <tr class=\"boxCell\"> <td>盒子</td> <td>盒子</td> <td>盒子</td> <td>盒子</td> <td>盒子</td> </tr> ";/////注意！ 这里使用了一个boxCell的CSS类，不会那么多冗余代码 echo "<tr>"; }else{ echo "<td>$i</td>"; } } ?> </table> </body> </html> //////最后说明； 1。如果乱码，或无显示，请注意你php文件的编码格式，或在浏览器下选择GBK32编码 2。这种专业问题，如果到Csdn 里发帖，十分钟之内就有人回答了 3。百度的BUG：回复后再修改，就不能保持代码的缩进了 -_-!即不能tab缩进，要换成4个空格
给分给分呀。很好,2011/9/26 19:05:51
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
