Question

我有一个包含许多tbody的表来分组行。我希望每个td上的边框都可以构成一个网格，但是我还想在周围的tbody上显示边框以显示它们已分组。这可能吗？

Answer 1

td { 
    border: 1px solid blue;
}

tbody {
    border: 2px solid red; 
}

Answer 2

看起来border上的td属性只是应用于tbody的{{1}}之上：）

如果你添加至少2px而不是一个 - 它会起作用。（http://jsfiddle.net/jyRsy/4/ - 在这个例子中 - 它是3px。）我在所有现代浏览器中测试了这个小提琴。从IE8到处都可以使用它。至于IE7 - 我不注意;）

Answer 3

JS小提琴。见http://jsfiddle.net/Dv4T6/

<table width="300">
    <thead>
        <tr>
            <th width="60" align="center" valign="top" scope="col">Type</th>
            <th width="200" align="left" valign="top" scope="col">Address</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td align="center" valign="top">Shipping</td>
            <td align="left" valign="top">123 Main St</td>
        </tr>
    </tbody>
</table>

无法保证完整的浏览器和设备支持。

tbody和td都有边框？

3 个答案: