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>上的边框半径）。

您需要将类应用到单个单元格才能达到所需的效果。