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