从表外边界线填充

时间:2014-02-27 14:40:58

标签: html css html-table border

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

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

enter image description here

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

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