表格邊框大小 - CSS/HTML

Question

是否可以擴展單元格的邊框寬度/高度，以便與周圍表格的邊框連接？

我有這樣的：

<table width="270px" style="border: 1px;"> 
    <tbody width="270px"> 
     <tr> 
      <th colspan="3" style="border: 1px;"> 
       Header 
      </th> 
     </tr> 
     <tr> 
      <td style="border: 1px;" valign="middle"> 
       Left-hand cell 
      </td> 
      <td valign="middle"> 
       Right-hand cell 
      </td> 
      <td> 
       Left-hand cell 
      </td> 
     </tr> 
    </tbody> 
</table> 

正在發生的事情是內部邊界不符合外邊框 - 有輕微的差距。

我可以得到這些邊框嗎？

Answer 1

試試這個，讓我知道：

<table width="270px" style="border: 1px;" cellspacing="0" cellpadding="0"> 
    <tbody width="270px"> 
     <tr> 
      <th colspan="3" style="border: 1px;"> 
       Header 
      </th> 
     </tr> 
     <tr> 
      <td style="border: 1px;" valign="middle"> 
       Left-hand cell 
      </td> 
      <td valign="middle"> 
       Right-hand cell 
      </td> 
      <td> 
       Left-hand cell 
      </td> 
     </tr> 
    </tbody> 
</table> 

Answer 2

看看CSS border-collapse。

table 
{ 
    border-collapse: collapse; 
} 

此外，看看這個答案在how to achieve cellpadding and cellspacing in CSS。

從螞蟻P.的回答：

...只是爲了完整性：

• padding→cellpadding
• border-spacing→cellspacing
• border-collapse→無HTML等價

還值得記住的是，您可以爲CSS設置單獨的水平和垂直值，例如border-spacing：0 1px。