Как сделать пространство между строками с прозрачным интервалом / рамкой - 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

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