2011-12-23 49 views

回答

13

Live Demo

table{ 
    background: red; 
    border-radius:10px; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
} 

嘆息和內聯......

<table style="background: red;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;"> 

不是真的知道你的電池雖然轉換到一個div的意思。

+0

em ...爲什麼嘆氣? – 2011-12-23 06:05:55

+0

因爲您應該儘量不使用內聯樣式,所以在維護時它們很糟糕。 – Loktar 2011-12-23 06:23:18

+0

我知道 - 它只有一個測試表。 – 2011-12-23 06:27:22

2

是的,你可以做到這一點。嘗試下面的代碼。

#example1 { 
-moz-border-radius: 5px; 
-khtml-border-radius: 5px; 
-webkit-border-radius: 5px; 
} 

欲瞭解更多詳情,請使用this教程。

4

這個例子將在5 PX

#example{ 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
} 

的各個角落創建圓角邊框如果你想在不同的角落,或特定的圓角不同的圓角邊框修改下面的代碼

#example1{ 
-webkit-border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 10px; 
-webkit-border-bottom-right-radius: 20px; 
-webkit-border-bottom-left-radius: 15px; 
-moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 10px; 
-moz-border-radius-bottomright: 20px; 
-moz-border-radius-bottomleft: 15px; 
border-top-left-radius: 5px; 
border-top-right-radius: 10px; 
border-bottom-right-radius: 20px; 
border-bottom-left-radius: 15px; 
} 

退房http://border-radius.com/

2

內聯樣式仍然適用於電子郵件編碼。所以這是相關的。