HTML表格列组边框半径

HTML表格列组边框半径,html,css,Html,Css,我正在使用colgroup标记为html表中的列设置样式。但是,使用border radius、-webkit border radius和-moz border radius不起作用……colgroup是否支持border radius,或者我是否需要将类应用于单个单元格 HTML: 谢谢有边框的是单个表单元格(或整个表本身),因此对列应用边框半径不会产生任何效果(就像在包含边框的容器上指定边框半径一样) 您需要将类应用于单个单元格以实现所需的效果。谢谢,这就是我的想法…只是想确认一下,因为我

我正在使用colgroup标记为html表中的列设置样式。但是,使用border radius、-webkit border radius和-moz border radius不起作用……colgroup是否支持border radius,或者我是否需要将类应用于单个单元格

HTML:


谢谢

有边框的是单个表单元格(或整个表本身),因此对列应用边框半径不会产生任何效果(就像在包含边框的容器上指定边框半径一样)


您需要将类应用于单个单元格以实现所需的效果。

谢谢,这就是我的想法…只是想确认一下,因为我很少使用colgroups。。。
<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>
.priceCol{
    background: #ff0000;
    border: 1px solid #333;
    padding-left: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}