CSS知识：为什么给表格的tr设置border无效

现象

我们可以发现，在使用table的时候，当我们为tr设置边框的时候，并没有什么效果。

原因

表格，当我们写一个完整的表格我们可以发现，单元格与单元格之间是有一定的缝隙的，边框，顾名思义应该是一个完整的线条，但是现在一个完整的tr是由多个td组合在一起得到的，td与td之间并没有完全覆盖，这玩意无法给tr设置边框

解决办法

给table整体添加css样式

table{
  border-collapse: collapse
}

此时再为tr设置边框就可以出现效果了。