2013-04-14 65 views
0

我正在設置表格行的背景顏色,使它們具有視覺效果。我一直在做一些我認爲會非常簡單的事情,這個事情正在四處走動。我創建了一個可以在整個表上工作的類,但無法讓它在該行上工作。 (不能把它放在整個桌子上,因爲桌子上有一些東西不應該被整圓。)已經嘗試將類放在表格行中,表格單元格中,並且全部無效。將不勝感激任何建議。表格行的圓形uppr角落

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> 
+0

刪除CSS中的''標記。那些爲什麼那些? –

+0

您的代碼正在爲您指定的''創建圓角。我沒有看到問題。 http://jsfiddle.net/6x2Kf/ –

+0

我看着你在Firefox中的jsfiddle,並沒有看到圓角。你在其他瀏覽器中看到他們嗎?如果這樣的問題可能與我的moz .. – user1904273

回答

3

的這個問題的答案可能會幫助你(看起來並不像它可以對錶中的行實現圓角...至少不是所有的瀏覽器):

CSS3 border-radius on display:table-row element

注意:這個問題是關於將div顯示爲行,但它等同於使用行。