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