tbody和td的邊界？

Question

我有一個表中有多個tbody的用於分組的行。我想在每個td上創建一個網格的邊框，但我也想要在周圍的tbody上顯示它們的分組。那可能嗎？

http://jsfiddle.net/jyRsy/

Answer 1

它看起來像border財產上的td s的根本上的tbody的一個:)

如果添加至少2px的，不是一個頂級應用 - 它會工作。 （http://jsfiddle.net/jyRsy/4/ - 在這個例子中 - 它是3px）。我已經在所有現代瀏覽器中測試過這個小提琴。它在IE8上無處不在。至於IE7 - 我不會注意;）

Answer 2

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> 

不保證對瀏覽器和設備的支持。

Answer 3

td { 
    border: 1px solid blue; 
} 

tbody { 
    border: 2px solid red; 
}​