问题与圆角的边框

嗨我在我的桌子制作圆角的边框我想在整个要显示的边框，但如下图所示它只有一次显示它：问题与圆角的边框

enter image description here

我想排在前列的地方说：“上传的文件”，以在整个表进行跨越，下面是我的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; 
}

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

谢谢。

来源

2011-08-28 Duncan Palmer

你想要什么float：left for？对表格行不做任何事情，你需要给表格一个float：left来实现我认为你可能想要的：p –

我知道这并不完全相关，但我可以建议你考虑增加对比度在你的调色板？你的背景和文字颜色都有点暗淡;也许为文字选择更浅的颜色。另外考虑使用[第n个孩子的CSS伪选择器]（http://css-tricks.com/5452-how-nth-child-works/）在表格的行之间添加背景颜色的细微变化以提高可用性。 – eddieantonio

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

您应该在表格上使用id="rounded"。

来源

2011-08-28 10:09:26

当我采取浮动：左;由于某种原因，它的作品http://screensnapr.com/v/r5E3hj.png，但它没有圆角的边框 –

@DuncanPalmer：那是因为你正在四舍五入，所以它不知道圆的方法。您应该在表格上使用'id =“四舍五入的”'“。 –

固定，不要担心。感谢帮助。 –

问题与圆角的边框

回答

相关问题