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

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

解决方法

使用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浏览器几乎绝迹.

虽然可以使用divs图像或PIE.htc在OldIE(IE8-)中获得圆角,但我建议不要这样做：PIE不是非常可靠,并且添加几个HTML hacks只是为了让旧IE中的某些东西起作用是一种浪费.

另见：MDN: border-radius.