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的结合用法