汇学府笔记网是汇学府网旗下优秀笔记展示平台! 欢迎优秀读书学习笔记投稿,投稿有奖励!

学分类旗下网站

浏览量

CSS实现行交替颜色风格和列交替颜色风格

作者:admin 发布时间:2019-08-11
CSS实现交替颜色风格,只需要给行或者列添加背景样式就可以了,如果是动态建立的表格的话,还必须增加判断语句,然后才能增加这个效果。这是采用的深层次的功能。CSS实现行交替颜色风格: style type= text/css !--body{font-size:14px;}.tableborder{border:1px solid #CCCCCC;border-collapse:collapse;}.tableborder th,.tableborder td{border:1px solid #CCCCCC;text-align:right;}.tableborder th{text-align:left;font-weight:bold;background-color:#CCCCCC;border:1px solid #999999;}-- /style HTML代码: table width= 200 border= 0 "CSS实现行交替颜色风格" title="" src="http://www.i1766.com/zb_users/upload/201203142058158287.jpg" />CSS实现行交替颜色风格 CSS实现列交替颜色风格:CSS代码: style type= text/css !--body{font-size:14px;}.tableborder{border:1px solid #CCCCCC;border-collapse:collapse;}.tableborder th,.tableborder td{border:1px solid #CCCCCC;text-align:right;}.tableborder th{text-align:left;font-weight:bold;background-color:#CCCCCC;border:1px solid #999999;}.tableborder col.base{background-color:#FFFFFF;color:#000033;}.tableborder col.new{background-color:#CCCCCC;color:#000033;} -- /style HTML代码: table width= 200 border= 0 "CSS实现列交替颜色风格" title="" src="http://www.i1766.com/zb_users/upload/201203142100395517.jpg" />CSS实现列交替颜色风格可以细致的设置,我仅仅为了实验一下,学习之用,这样可以设计出类似于EXCELL类型的表格,很美观,我越来越觉得CSS很好用,很强大啊。相关:。
网友吐槽

读书笔记 学习笔记 名著读书笔记

本站读书学习笔记由网友提供,版权归原作者本人所有,转载请注明出处!如有侵犯您的相关权利,请联系我们客服处理! 豫ICP备18040320号-1