html - 元素边框通过 CSS 不起作用

Question

我只使用将边框应用于特定列，它对我来说根本不起作用..

其他属性像背景色一样工作..

浏览器不支持表格的列级边框吗？

这里是我的代码

<style type="text/css">
.check_border {
     border-right: 1px solid black;
     background-color: #0000ff;
}
 </style>

<table cellspacing='0'>
<colgroup>
<col/>
<col class="check_border"/>
<col class="check_border"/>
<col class="check_border"/>
<col/>
</colgroup>

<tr>
<td>Country</td>
<td>Salmon</td>
<td>Shrimps</td>
<td>Oysters</td>
<td>Rice</td>
<td>Wheat</td>
</tr>
<tr>
<td>United Kingdom</td>
<td>2050</td>
<td>1545</td>
<td>1156</td>
<td>5007</td>
<td>12254</td>
</tr>
<tr>
<td>United States</td>
<td>1358</td>
<td>1884</td>
<td>784</td>
<td>10597</td>
<td>24554</td>
</tr>
<tr>
<td>Australia</td>
<td>985</td>
<td>65</td>
<td>518</td>
<td>2548</td>
<td>10548</td>
</tr>
</table>

Answer 1

PPK 有一篇关于这一切的好文章。总结一下，col 的样式在浏览器支持方面有些变化，在应用程序中非常麻烦。

http://www.quirksmode.org/css/columns.html