表格边框大小 - CSS/HTML答案

【问题标题】：Table border size - CSS/HTML表格边框大小 - CSS/HTML
【发布时间】：2011-09-16 19:33:12
【问题描述】：

是否可以扩展单元格的边框宽度/高度，使其与周围表格的边框连接？

我有这个：

<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>

发生的情况是内边框不与外边框相接 - 有一点间隙。

我可以让这些边界满足吗？

【问题讨论】：

只需将 cellspacing='0' 添加到您的表格中并为单元格使用填充。
感谢 AR 解决了这个问题。是否要将其作为答案提交，以便我将其标记为答案？

标签： html css html-table border

【解决方案1】：

看看 CSS border-collapse。

table 
{ 
    border-collapse: collapse; 
}

另外，请在how to achieve cellpadding and cellspacing in CSS 上查看此答案。

来自 Ant P. 的回答：

...只是为了完整性：

padding → cellpadding

border-spacing → cellspacing

border-collapse → 没有等效的 HTML

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

【讨论】：

No, not 'and cellspacing'.
border-collapse 可以解决问题。我从来没有弄清楚这是否应该应用于 table 或 td 所以我总是两者兼而有之。启发我？
@Marty Wallace:table（见那个链接）虽然两者都不会受伤！ :)
嗨，border-collapse 实际上已经删除了边框中所有其他有效的 CSS。单元格间距是我真正需要的，谢谢。
在链接中查看 Ant P. 的答案。边框间距是 CSS 等价物。将设计与内容分开是最佳做法。

【解决方案2】：

试试这个并告诉我：

<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>

【讨论】：

嘿，感谢您的回答，这与我所寻找的很接近。干得好！
没问题。很高兴它有帮助！