問題與圓角的邊框

嗨我在我的桌子製作圓角的邊框我想在整個要顯示的邊框，但如下圖所示它只有一次顯示它：問題與圓角的邊框

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 =「四捨五入的」'「。 –

固定，不要擔心。感謝幫助。 –

問題與圓角的邊框

回答

相關問題