css控制table邊框樣式

html:

添加css樣式:

此時的效果:

單元格之間存在間距，不怎麼好看

更好的解決方法:

使用以下代碼:

table {
    border-collapse: collapse;
}
table tr td,
table tr th {
    border: solid 1px red;
}

此時的效果:

此時相鄰單元格邊框沒有重合疊加