css控制table边框样式

html:

添加css样式:

此时的效果:

单元格之间存在间距，不怎么好看

更好的解决方法:

使用以下代码:

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

此时的效果:

此时相邻单元格边框没有重合叠加