Question

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

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

单个表格单元格（或整个表格本身）具有边框，因此将边框半径应用于列无论如何都不会产生任何影响（就像指定边框半径一样）容器<div>当它是包含边框的那个容器时。

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

HTML表格colgroup边框半径

1 个答案: