从表格边框外部填充

Question

快速提问。我有一张表格，它有一个边框。当我添加填充时，它会从表格内部添加填充。有没有办法让它从边框外部添加填充？

基本上，表格边框线应该出现在它的单元格内部。

- 3sm

---

我不确定你所说的“within its cell”的意思，但你是否尝试使用margin而不是padding？ - vtamm

是的，我很遗憾，它会移动整个表格。 - 3sm

Answer 1

我不完全确定你的意思，但也许你需要这个。

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

仅限表格：

这里是演示

仅限单元格：

这里是演示

在这里，我们设置了一个outline，您可以在其上设置outline-offset。如果使用-值，则会将其带入表格中。将其用作边框，但请记住它不计入宽度或高度。

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

- Ruddy

---

那个完美地运作了！只需要给内容添加边距即可。 - 3sm

这正是我想要的。谢谢大家。 - 3sm

@3sm 很好的东西，很高兴我能帮助到你。 - Ruddy

提醒一下，这在Internet Explorer 11中会失败。 - 3sm

抱歉，我忘了说，这是使用CSS3。 - Ruddy

Answer 2

如果我理解正确的话，那么你应该使用边距而不是填充。

- user3336593

---

我认为这不是他们的意思。 - Ruddy