css实现表格数据行按照奇偶行区分背景颜色显示

《css实现表格数据行按照奇偶行区分背景颜色显示》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、当鼠标经过表格数据行时颜色不同且奇偶行颜色也不同来源：互联网作者：佚名时间：07-1617:37:00【大中小】想必大家都有遇到过这样的效果，就是当鼠标经过时颜色不同，且奇偶行颜色也不同，此鼠标响应效果在css中也可以实现，下面有个不错的示例代码，需要的朋友可以参考下复制代码代码如下:

5、jectProperties.Tochangethistemplatefile,chooseTools

6、Templatesandopenthetemplateintheeditor.*//*Createdon:2014-7-9,14:24:31Author:Administrator*/body{margin:0auto;text-align:center}/*设置表头的margin为0则表居中显示，border为0则无边界*/table{margin:0auto;border:0px;solid:#000}/*设置th表头的属性，font-weight为bold则显示为黑粗*/table

7、trth{height:28px;width:auto;line-height:28px;background:#999;font-weight:bold}tabletbodytr{height:28px;line-height:28px;text-align:center;background:#FFF;vertical-align:middle;}/**设置鼠标经过颜色的变化*//*采用csss的这个方法，获得奇数行，让后设置其属性，这样避免使用expression这个容易出错的方法*/tabletbodytr:nth-child(odd){background-color:#DEDE

8、DE}tabletbodytr:hover{background-color:#CCCCCC;}