HTML表colgroup邊界半徑

Question

我使用colgroup標記來設置我的html表中的一列。但是，使用邊界半徑，-webkit-border-radius和-moz-border-radius不起作用... colgroup是否支持邊界半徑或者是否需要將類應用到單個單元格？

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; 
} 

謝謝

Answer 1

這是個人表格單元格（或整個表本身）有邊界，所以應用邊界半徑一列不會有任何影響反正（它d就像在容器中包含具有邊框的容器上指定容器<div>上的邊框半徑）。

您需要將類應用到單個單元格才能達到所需的效果。