4

特定の列にのみ境界線を適用するために使用していますが、まったく機能していません。

他のプロパティはbackground-colorのように機能しています。

ブラウザはテーブルの列レベルの境界線をサポートしていませんか?

ここに私のコード

<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>
4

1 に答える 1

4

PPKにはそのすべてについての良い記事があります。要約すると、スタイルacolはブラウザのサポートでは多少変動し、アプリケーションでは非常に面倒です。

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

于 2012-05-07T11:24:40.690 に答える