如何創建背景CSS div /圓角？

Question

如何創建以下HTML/CSS樣式（圓角，基本背景色）紅色框中突出：

Answer 1

使用border-radius CSS屬性來創建圓角邊框：

-moz-border-radius: 5px; /* Firefox 3.6-, removed in Firefox 13 */ 
-webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */ 
border-radius: 5px;  /* Firefox 4+, Safari 5+, Chrome 4+, Opera 10.5+, IE9+ */ 

您可以省略前綴，因爲Firefox 3.6或舊的webkit瀏覽器幾乎已經絕跡。儘管可以在OldIE（IE8-）中使用divs + images或PIE.htc獲得圓角，但我建議您不要這樣做：PIE不太可靠，並且爲了在舊IE中使用某些東西而添加多個HTML hacks是浪費。

另請參閱：MDN: border-radius。