表格边框大小- 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上的这个答案。

来自Ant P.的

答案：

..。只是为了完整性：

没有等同于cellspacing

• border-collapse的

的

• padding→

→

同样值得记住的是，您可以为CSS设置单独的水平和垂直值，例如边框间距:0 1px。