如何使用透明间距/边框在行之间留出空间 - HTML/CSS

Question

我想做一些与此类似但使用表格行的东西

我用<li>、花哨的边框等做了这个，真的很容易，但是对于表格行，我尝试了几乎所有的东西，tr、td 边框折叠、分隔、边距、填充，但我无法正确.

我想做的表结构是这样的：

<table>
<tr><td>abc</td><td>abc</td></tr>
<tr><td>abc</td><td>abc</td></tr>
<tr><td>abc</td><td>abc</td></tr>
</table>

Answer 1

您正在寻找边框间距。

http://www.w3schools.com/cssref/pr_tab_border-spacing.asp

#id1 {
  border-collapse: separate;
  border-spacing: 1em 0.5em;
}