2011-10-02 48 views
5

我的CSS看起來像這樣:border-radius在<th>。無邊框圓

#caltable th { 
    border: solid 1px #333; 
    border-radius: 7px; 
    background: #f00; 
} 

但是,這是我在瀏覽器中已經有了(鉻/ FF):

enter image description here

的問題是如何獲得黑線也圓了?

+0

加入'-moz-邊界半徑後:7px的;'我試圖在FF 3.6和黑色邊框爲弧形。 – Ariel

回答

9

變化border-collapse:collapseborder-collapse:separate<table>

你也應該增加對瀏覽器有沒有在選型指導版本:

-moz-border-radius: 7px; 
-o-border-radius: 7px; 
-ms-border-radius: 7px; 
-webkit-border-radius: 7px; 
+1

Thx很多! 'border-collapse:separate'是需要的 – H1D