table的border重合問題

1、

table {
    border-collapse: collapse;
}
td {
    border: 1px solid blue;
}

　　用css的方法直接實現

 

2、

 border="1" cellspacing="0"

　　修改table的屬性。使用老舊的方法實現，不過就是丑很多

3、

 border="0" cellspacing="0"

　　類似於剛剛那種方法但是主要也是css，接着

table{
        border-top:1px solid #ddd;
        border-left:1px solid #ddd;
    }
    td{
        border-right:1px solid #ddd;
        border-bottom:1px solid #ddd;
    }

　　table屬性加css的結合用法