表格线边框重复CSS解决方法
2013-08-17 11:56
302 查看
1、td 的边框和table 的边框重叠
table 只用左边框和上边框,每个td只有右边框和下边框,效果就是整个表格左、上边框是连续实线,右、下边框是延续td的边框所以是断断续续的
解决方法:
橘色字体是关键,边框设置也不用分上下左右了,重叠的话会一个覆盖另一个
firefox中:td的border覆盖table 的,IE中table 的border覆盖td的,我这里border颜色一样,无所谓了
表格线常见问题:
1.表格边框与表格单元格线的重叠。[采用border-collapse:collapse解决]
2.嵌套表格与被嵌套表格边线重叠问题。[采用border-top|left|right|bottom解决]
3.嵌套表格与被嵌套表格对不齐的问题。[采用table-layout: fixed;解决]
.table { border-left:1px solid #dedede; border-top:1px solid #dedede;} .td { border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
table 只用左边框和上边框,每个td只有右边框和下边框,效果就是整个表格左、上边框是连续实线,右、下边框是延续td的边框所以是断断续续的
解决方法:
.table {border:1px solid #dedede; border-collapse:collapse;} .td {border:1px solid #dedede; }
橘色字体是关键,边框设置也不用分上下左右了,重叠的话会一个覆盖另一个
firefox中:td的border覆盖table 的,IE中table 的border覆盖td的,我这里border颜色一样,无所谓了
表格线常见问题:
1.表格边框与表格单元格线的重叠。[采用border-collapse:collapse解决]
2.嵌套表格与被嵌套表格边线重叠问题。[采用border-top|left|right|bottom解决]
3.嵌套表格与被嵌套表格对不齐的问题。[采用table-layout: fixed;解决]
相关文章推荐
- 表格线边框重复css解决方法
- 表格线边框重复css解决方法
- 表格线边框重复css解决方法
- css 解决表格边框不显示的问题
- div+css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法 (新浪博客 )
- 不同浏览器表格边框样式不一致的解决方法
- table表格 列表 显示边框 解决之间的空白方法
- CSS 美化表格边框为凹陷立体效果的实现方法
- 百度编辑器ueditor插入表格没有边框,没有颜色的解决方法
- 百度编辑器ueditor插入表格没有边框,没有颜色的解决方法
- 百度编辑器ueditor插入表格没有边框颜色的解决方法
- 解决css中input输入框点击时去掉外边框方法【outline:medium;】
- HTML表格在IE中值为空时不显示表格边框的解决方法
- 表格细边框的两种CSS实现方法
- 解决css中input输入框点击时去掉外边框方法
- div+css总结—FF下div不设置高度背景颜色或外边框不能正常显示的解决方法(借鉴)
- div+css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法
- 制作1px表格边框的十种方法(html和css)
- 用CSS定义单像素表格边框的简单方法
- 【HTML】【CSS】表格设置了table-layout:fixed后第一行合并单元格其下单元格宽度设置不起作用的解决方法