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 有一篇关于这一切的好文章。总结就是，a的样式col在浏览器支持上有些多变，在应用中也很麻烦。

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