首页 > 其他 > 详细

table 细边框的实现方式

时间:2015-08-12 17:02:32      阅读:167      评论:0      收藏:0      [点我收藏+]

方式1


设置边框的BORDER=0 、cellspacing=1,设置Table的背景色为所要的边框色,再设置所有的td背景色为白色,这样细边框就显露出来了。

 


方式2


设置BORDER=0 ,再通过CSS,给Table加上1px的border-top,border-left,然后再设置所有的td的border-right,border-bottom,这样也能达到所要的效果。

 


方式3


设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid #000 1px;}


其中,border-collapse有两个属性,separate 和 collapse


1、separate是默认属性,表格边框默认有1px 的间隙

2、collapse,是将表格边框的间隙去掉,这样给表格的td边框赋值时就不会产生双线框了 



参考资料: table 细边框   http://www.studyofnet.com/news/857.html

 

table 细边框的实现方式

原文:http://studyofnet.blog.51cto.com/8142094/1684001

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!