如何在表格行上添加边距

Question

我想在表格的行之间添加空格，如下图所示：

如果可能，请向我展示您的代码。

Answer 1

border-spacing 属性适用于这种特殊情况。

table {
  border-collapse:separate; 
  border-spacing: 0 1em;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing

或者您可以使用 hacky 方法。这给出了表格行之间的边距的外观

tr{ 
    border: 5px solid white;
}