如何在行之间创建空格，使用透明间距/边框 - 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;
}