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/

上的演示

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

1 个答案: