从表外边界线填充

Question

快速提问。我有一张桌子，它有一个边框。当我添加填充时，它会从表格的内部添加填充。有什么方法可以从边界外添加填充？

基本上，表边框线应该在其单元格中 。

Answer 1

我不是100％确定你的意思，但你可能想要这个。

HTML：

<table>
    <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
    </tr>
</table>

CSS：

body {
    padding: 20px;
}
table {
    width: 400px;
    height: 400px;
    outline:2px solid red;
    outline-offset: -15px;
}
td {
    border:2px solid blue;
}

仅限表格

DEMO HERE

仅限细胞：

DEMO HERE

所以我们在这里设置outline，您可以在其上加outline-offset。因此，如果您使用-值，这将把它带到表中。将它用作边框，但请记住它不计入宽度或高度。

注意：您可以在每个单元格等上使用它。

Answer 2

如果我理解你，那么你应该使用保证金而不是填充。