表格单元格不分开

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; 
}