html - 如何在表格行上添加边距

Question

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

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

标签： htmlcsshtml-table

Answer 1

边框间距属性将适用于这种特殊情况。

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

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

或者您可以使用 hacky 方法。这使得表格行之间的边距出现 i

tr{ 
    border: 5px solid white;
}