如何創建背景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瀏覽器幾乎絕跡。

雖然可以使用div +圖像或PIE.htc在OldIE（IE8-）中獲得圓角，但我建議不要這樣做 ：PIE不是很可靠，並且添加幾個HTML hacks只是為了讓舊IE中的東西工作是浪費。

另請參見： MDN： border-radius 。