表格边框大小 - 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。