在css中，可以使用border-collapse屬性來(lái)去掉表格中重復(fù)的邊框，該屬性可以設(shè)置表格邊框是折疊為單一邊框還是分開(kāi)的，只需要將值設(shè)置為collapse即可把重疊的邊框合并在一起，成為一個(gè)邊框，實(shí)現(xiàn)單線邊框的效果。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

table表格設(shè)置邊框后的重疊問(wèn)題

table{  border-spacing: 0;  border-collapse: collapse; } table td {            border: 1px solid #000;  padding: 20px 30px; }

在table表格中當(dāng)我們添加了邊框，又把每個(gè)單元格的邊距去除后，表單就會(huì)出現(xiàn)邊框重疊的問(wèn)題，使得邊框線變粗，這時(shí)我們就可以設(shè)置border-collapse: collapse來(lái)設(shè)置邊框，它把重疊的邊框合并在一起，成為一個(gè)邊框，實(shí)現(xiàn)單線邊框的效果。

效果圖：

說(shuō)明：

border-collapse 屬性設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框，還是象在標(biāo)準(zhǔn)的 HTML 中那樣分開(kāi)顯示。

屬性值：

• separate 默認(rèn)值。邊框會(huì)被分開(kāi)。不會(huì)忽略 border-spacing 和 empty-cells 屬性。

• collapse 如果可能，邊框會(huì)合并為一個(gè)單一的邊框。會(huì)忽略 border-spacing 和 empty-cells 屬性。