关于table表格设置 tr的边框和间距相关问题

首先，我们单独对表格中的tr设置边框、边距都是无效的，因为它的table-cell属性会让tr的边距、边框失效。

1.让tr有边框，传统的解决办法就是设置table属性，如下：

为表格设置合并边框模型：
table
  {
  border-collapse:collapse;
  }
tr{
	border:1px solid #ccc;
}

2.让tr有间距，同样也是设置table属性

table{
  border-collapse: separate;/*这是该属性的默认值，可以不要*/
  border-spacing: 0 10px;
}

效果如下图：

这个时候，如果我们既想加边框，也要有间距就会产生冲突，因为为表格设置边框时table的 border-collapse属性和间距不同，就得利用其它的解决办法。
大致的思路就是通过td来设置边框效果
我们给每一个td设置边框，多个td连在一起就可以实现tr呈现边框的效果。