html - 表のセルが区切られていない

Question

HTMLでテーブルを作成しました。ページを見てみると、セルが分離されていないことに気付きました。Googleで解決策が見つかりませんでした。それはどのように見えるかです：

これが私が使用したコードです：

<table style="margin-top:50px;border:2px solid red;border-collapse:collapse;">

    <tr>
    <td>test</td>
    <td>test</td>
    </tr>
    <tr>
        <td>test</td>
    <td>test</td>
</tr>
</table>

Answer 1

and要素にpaddingandbordersを追加します。trtd

JSFiddleデモ

td {padding:10px; border-right:1px solid orange;}
tr { border-bottom:1px solid blue }

Answer 2

これがあなたが探しているものかどうかわかりません: TD のパディング

td {
    padding: 20px;
}