在最左边和最右边的单元格和表格边框之间放置间距

Question

我正在制作一个HTML表格，我不希望最左边和最右边的单元格的边框一直延伸到表格边框。例如：

| _ ___ |

因此，在上面的示例中，虽然单元格本身具有连续的顶部边框，但此边框不会一直延伸到外部表格边框。如果你能给我一些关于如何做到这一点的提示，那就太好了。

Answer 1

在单元格中放置一个DIV，并在DIV而不是表格上设置边框/填充样式。

Answer 2

我不确定这些例子中的哪一个是你想要的。您的描述似乎与您的绘图相反，但请尝试这些。

<div style="width:250px;padding:10px; border-left: solid black 1px;border-right: solid black 1px;">
<table width="100%" style="border-top: solid black 1px;border-bottom: solid black 1px;">
    <tr>
        <td>cell 1:1</td>
        <td>cell 1:2</td>
        <td>cell 1:3</td>
    <tr>
    <tr>
        <td>cell 2:1</td>
        <td>cell 2:2</td>
        <td>cell 2:3</td>
    <tr>
</table>
</div>
<br /><br />
<div style="width:250px;padding:10px; border-top: solid black 1px;border-bottom: solid black 1px;">
<table width="100%" style="border-left: solid black 1px;border-right: solid black 1px;">
    <tr>
        <td>cell 1:1</td>
        <td>cell 1:2</td>
        <td>cell 1:3</td>
    <tr>
    <tr>
        <td>cell 2:1</td>
        <td>cell 2:2</td>
        <td>cell 2:3</td>
    <tr>
</table>
</div>