1

colgroupタグを使用して、htmlテーブルの列のスタイルを設定しています。ただし、border-radius、-webkit-border-radius、-moz-border-radiusを使用しても機能しません... colgroupはborderradiusをサポートしていますか、それとも個々のセルにクラスを適用する必要がありますか？

HTML：

<table>
    <colgroup align="right"></colgroup>
    <colgroup class="priceCol" align="right"></colgroup>
    <tr><td>1 Session:</td><td>R20</td></tr>
    <tr><td>5 Sessions:</td><td>R100</td></tr>
    <tr><td>10 Sessions:</td><td>R180</td></tr>
    <tr><td>15 Sessions:</td><td>R250</td></tr>
</table>

CSS;

.priceCol{
    background: #ff0000;
    border: 1px solid #333;
    padding-left: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

ありがとうございました

4

1 に答える 1

2

境界線を持つのは個々のテーブルセル（またはテーブル全体）であるため、列に境界線半径を適用しても効果はありません（コンテナ<div>の場合に境界線半径を指定するようなものです）。境界線のある含まれているもの）。

必要な効果を得るには、個々のセルにクラスを適用する必要があります。

于 2012-08-06T14:09:36.990 に答える