表格线边框重复CSS解决方法

1、td 的边框和table 的边框重叠

.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;解决]