给表格设置不重叠的边框(单线边框)的2种方法
2013-08-08 17:02
127 查看
大多数朋友都会遇到给表格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; }
效果:
相关文章推荐
- 用CSS设置表格Table的细边框的比较好用的方法
- 设置表格边框为1px的方法
- 给表格每一行设置下边框的方法
- 设置table表格后边框单线
- 用CSS设置表格Table的细边框的比较好用的方法
- 制作1px边框表格的几种方法
- 表格线边框重复CSS解决方法
- html 表格边框的设置
- 设置文字边框的方法 文字带边框的特效
- 表格边框设置
- 制作细(1px)边框表格的几种方法(转载)
- 嵌套表格 边框合并的css如何设置
- word 2010 标题行重复设置方法及表格标题行无法重复显示问题的解决方法
- 如何利用jqGrid表格方法重新设置caption属性值
- POI2007表格边框样式设置
- javascript 动态创建表格的2种方法总结
- CSS 美化表格边框为凹陷立体效果的实现方法
- win8自动登录如何设置 2种WIN8自动登陆设置方法教程
- CSS:表格样式(设置表格边框/文字/背景的样式)
- div边框重叠,像素变粗,解决方法