html - 扩大表格单元格的上边框宽度

Question

如何放大一个单元格的上边框？我试图为该单元格设置更大的宽度。但它不起作用。

我正在尝试放大tags_footer作为一个类的顶部边框单元格。事实上，我也在尝试使边框宽度等于tags_forums + tags_description + tags_msgs

这是代码小提琴：http: //jsfiddle.net/pyXBk/

HTML：

<table>
    <tr>
        <td class="tags_forums">Forums</td>
        <td class="tags_description">Description</td>
        <td class="tags_msgs">msgs</td>
    </tr>
    <tr class="tags_body">
        <td>ABC</td>
        <td> DFG</td>
    </tr>
    <tr>
        <td class="tags_footer">Last msg</td>
    </tr>
</table>

CSS：

.tags_forums {
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

.tags_description {
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

.tags_msgs {
    border-bottom: 1px solid gray;
}

.tags_footer{
    border-top: 1px solid gray;
}

提前致谢。

Answer 1

问题出在 HTML 中，而不是 CSS：

<td colspan="3" class="tags_footer">Last msg</td>

您需要此表格单元格跨越三列，就可以了。该colspan属性是您所需要的。

请参阅http://jsfiddle.net/audetwebdesign/pyXBk/2/上的演示