html - CSS:如何在表格中的行之间创建间隙？

Question

意思是让结果表看起来不像这样:

[===ROW===]
[===ROW===]
[===ROW===]
[===ROW===]

... and more like this:

[===ROW===]

[===ROW===]

[===ROW===]

[===ROW===]

I tried adding

margin-bottom:1em;

到 td 和 tr 但一无所获。有什么想法吗？

Answer 1

所有你需要的:

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

假设您需要 1em 垂直间隙，并且没有水平间隙。如果您这样做，您可能还应该考虑控制行高。

奇怪的是，人们给出的一些答案涉及 border-collapse: collapse，其效果与问题的要求完全相反。