tbody和td的边界

Question

我有一个表，其中有许多tbody用于对行进行分组。我希望每个td上的边界形成一个网格，但我也希望周围tbody上的边界显示它们是分组的。这可能吗？

http://jsfiddle.net/jyRsy/

Answer 1

看起来td上的border属性只是简单地应用于tbody的属性之上：）

如果你至少添加2px，而不是一个，它会起作用的。(http://jsfiddle.net/jyRsy/4/-在本例中为3px。）我已经在所有现代浏览器中测试过这个fiddle。从IE8开始，它在任何地方都有效。至于IE7，我不会注意；）

Answer 2

td { 
    border: 1px solid blue;
}
tbody {
    border: 2px solid red; 
}​

Answer 3

JS Fiddle。看见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>

不能保证完全支持浏览器和设备。