手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >给表格设置不重叠的边框(单线边框)的2种方法
给表格设置不重叠的边框(单线边框)的2种方法
摘要:大多数朋友都会遇到给表格table设置边框的情况,但效果总是达不到预期,比如某几根线会因重复设置而加粗,破坏了整体效果。下面我给大家介绍两种...

大多数朋友都会遇到给表格table设置边框的情况,但效果总是达不到预期,比如某几根线会因重复设置而加粗,破坏了整体效果。下面我给大家介绍两种设置单线边框的css样式:

第一种:

table{

border-collapse:collapse;

}

table tr{

border:1px solid red;

}

第二种:

table tr td{

border-top:1px solid red;

}

table{

border:1px solid red;

border-top-width:0px;

}

效果:

给表格设置不重叠的边框(单线边框)的2种方法1

【给表格设置不重叠的边框(单线边框)的2种方法】相关文章:

CSS隐藏文字的方法

div标签中的元素margin-top失效的解决方法

左中右3栏最先显示中栏内容的方法

使用CSS中的meta实现web定时刷新或跳转的方法

CSS让ul所有的li居中显示的方法

IE6下图片下方有空间距的多种解决方法

垂直三栏布局拥有相同高度的方法

用CSS实现垂直居中的3种方法

chrome居中但ie不居中的解决方法

用CSS3打造独具创意的动画菜单效果

精品推荐
分类导航