html - tbody 和 td 的边界？

Question

我有一个包含许多 tbody 的表格来对行进行分组。我希望每个 td 上的边框制作一个网格，但我也希望周围 tbody 上的边框显示它们是分组的。那可能吗？

http://jsfiddle.net/jyRsy/

Answer 1

td { 
    border: 1px solid blue;
}

tbody {
    border: 2px solid red; 
}​

Answer 2

看起来sborder上的属性td只是简单地应用在 's 之上tbody:)

如果您添加至少 2 个像素，而不是一个 - 它会起作用。（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>

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