1

我正在使用 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;
}

谢谢

4

1 回答 1

2

具有边框的是单个表格单元格（或整个表格本身），因此将边框半径应用于列不会有任何效果（就像在容器上指定边框半径<div>一样包含的有边界的）。

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

于 2012-08-06T14:09:36.990 回答