html - 从外部表格边框线填充

Question

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

本质上，表格边框线应该出现在其单元格内。

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。因此，如果您使用 - 值，这会将其带入表中。将其用作边框，但请记住它不计入宽度或高度。

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