表格邊框的合併

表格邊框合併之前：

表格外層與列之間默認有一定距離

做一些處理：

<style type="text/css">
            table{
                width: 400px;
                margin: 0 auto;
                /* border: 1px solid black; */
                /* table和td之間有一段默認的距離 通過border-spacing屬性可以設置這個距離 */
                /* border-spacing: 0px; */
                border-collapse: collapse;
            }
             
            td{
                border: 1px solid black;
            }
            
        </style>

border-collapse用來設置表格的邊框合併 一旦設置 border-spacing就是失效

處理後：

ok！