[解決済み] CSS: テーブルの行と行の間に隙間を作るには？

質問

結果としてのテーブルを以下のようにすることを意味します。

[===ROW===]です。
[===ROW===]です。
[===ROW===]です。
(゜ロ゜) [===ROW===]ノ

...といった具合です。

[===ROW===]です。

[===ROW===]です。

[===ROW===]です。

(゜ロ゜) [===ROW===]ノ

を追加してみました。

margin-bottom:1em;

を両方 td と tr を追加しましたが、何も得られませんでした。何かアイデアはありますか？

どのように解決するには？

必要なのは、これだけです。

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

これは 1em のような垂直方向の隙間が必要で、水平方向の隙間はないものとします。 もしこれを行うのであれば、行の高さを制御することも視野に入れるべきかもしれません。

奇妙なことに、人々が出した答えの中には border-collapse: collapse を含んでおり、その効果は質問されたものと正反対です。