如何创建背景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。