表格细胞未分离

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

将padding和borders添加到tr和td元素。

JSFiddle Demo

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

Answer 2

我不知道这是否是你要找的：Padding in TD

td {
    padding: 20px;
}