HTML 表格 colgroup 边框半径

Question

我正在使用 colgroup 标签来为我的 html 表格中的列设置样式。但是，使用 border-radius、-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

它是具有边框的单个表格单元格(或整个表格本身)，因此将 border-radius 应用于列无论如何都不会产生任何影响(这就像在容器 <div>，当它是包含边框的容器时)。

您需要将类应用到各个单元格以达到您想要的效果。