把最左邊和最右邊的單元格和表格邊界之間的間距

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>