圆边的问题

Question

嘿伙计们，我在桌子上做了一个圆形边框，我希望边框能够显示在整个边框上，但它只显示一次，如下所示：

我希望顶行显示“Uploaded files”跨越整个表格，下面是我的HTML和CSS代码：

<tr id="rounded">
            <td colspan="5">Uploaded files</td>
            </tr>
            <tr style="background: #2B4F81">
                <td style="padding-left: 5px; padding-right: 5px">Filename</td>
                <td style="padding-left: 5px; padding-right: 5px">File Size</td>
                <td width="200px" style="padding-left: 5px; padding-right: 5px">Description</td>
                <td colspan="2" style="padding-left: 5px; padding-right: 5px">Option</td>

            </tr>

CSS：

#rounded
{
width: 100%;
float: left;
-moz-border-radius: 15px;
-webkit-border-top-left-radius: 11px;
-webkit-border-top-right-radius: 11px;
background-color: #2B4F81;
border: 1px solid #2B4F81;
}

如果你能帮助我解决这个问题，我将不胜感激。

感谢。

Answer 1

删除float: left;;可选地，停止使用style并将其放入CSS中。

您应该使用表格中的id="rounded"。