欢迎来到天天文库
浏览记录
ID:14012902
大小:42.05 KB
页数:5页
时间:2018-07-25
《css实现表格数据行按照奇偶行区分背景颜色显示》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、当鼠标经过表格数据行时颜色不同且奇偶行颜色也不同来源:互联网作者:佚名时间:07-1617:37:00【大中小】想必大家都有遇到过这样的效果,就是当鼠标经过时颜色不同,且奇偶行颜色也不同,此鼠标响应效果在css中也可以实现,下面有个不错的示例代码,需要的朋友可以参考下复制代码代码如下:
4、th>性别
5、hangethislicenseheader,chooseLicenseHeadersinProjectProperties.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
7、;border:0px;solid:#000}/*设置th表头的属性,font-weight为bold则显示为黑粗*/tabletrth{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的这个方法,获得奇数行,让后设置其
8、属性,这样避免使用expression这个容易出错的方法*/tabletbodytr:nth-child(odd){background-color:#DEDEDE}tabletbodytr:hover{background-color:#CCCCCC;}
此文档下载收益归作者所有