欢迎来到天天文库
浏览记录
ID:8807768
大小:42.05 KB
页数:5页
时间:2018-04-08
《css实现表格数据行按照奇偶行区分背景颜色显示》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、当鼠标经过表格数据行时颜色不同且奇偶行颜色也不同来源:互联网作者:佚名时间:07-1617:37:00【大中小】想必大家都有遇到过这样的效果,就是当鼠标经过时颜色不同,且奇偶行颜色也不同,此鼠标响应效果在css中也可以实现,下面有个不错的示例代码,需要的朋友可以参考下复制代码代码如下:
4、>
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;}
此文档下载收益归作者所有