Question

我正在设置表格行的背景颜色，以便为它们提供视觉效果。我一直在做一些我认为非常简单的事情，这个事情正在绕过一排角落。我已经创建了一个可以在整个表上工作的类，但无法让它在行上工作。（不能把它放在整个表中，因为表中有一些不应该被舍入的东西。）尝试将类放在表行中，其中的表格单元格并且全部无效。非常感谢任何建议。

CSS

<head>
    <style>
        .rounded { 
            -moz-border-radius: 15px; 
            border-radius: 15px; 
        }
    </style>
</head>

HTML

<table>
    <tr><td colspan=3 >Some stuff at top of table where background is white</td></tr>
    <tr style="background-color:silver" class="rounded">
        <td colspan=3 class="rounded"><span class="rounded">Text where background is shaded where I want background shaded</span></td>
    </tr>
</table>

Answer 1

这个问题的答案可能会帮助你（看起来不可能在表行上实现圆角......至少在所有浏览器中都没有。）：

CSS3 border-radius on display:table-row element

注意：这个问题是关于将div显示为行，但它等同于使用行。

CSS圆形uppr表行的角落

1 个答案: