0

我在 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>
4

2 回答 2

2

padding将and添加borders到trandtd元素。

JSFiddle 演示

td {padding:10px; border-right:1px solid orange;}
tr { border-bottom:1px solid blue }
于 2013-06-21T11:43:14.607 回答
0

我不知道这是否是您要查找的内容：TD 中的填充

td {
    padding: 20px;
}
于 2013-06-21T11:45:01.263 回答