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>
刪除CSS中的'
'標記。那些爲什麼那些? –您的代碼正在爲您指定的'
我看着你在Firefox中的jsfiddle,並沒有看到圓角。你在其他瀏覽器中看到他們嗎?如果這樣的問題可能與我的moz .. – user1904273
回答
的這個問題的答案可能會幫助你(看起來並不像它可以對錶中的行實現圓角...至少不是所有的瀏覽器):
CSS3 border-radius on display:table-row element
注意:這個問題是關於將div顯示爲行,但它等同於使用行。
來源
2013-04-14 09:36:56
相關問題