如何创建背景css div /圆角？

Question

如何创建以红色框突出显示的以下html/css样式(圆角,基本背景颜色):

Answer 1

使用border-radiusCSS属性创建圆角边框:

-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 .