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

通过CSS无法正常工作的元素边框

1 个答案: