我们如何轻松地使用 css 创建圆角跨浏览器 DIV [重复]

【问题标题】：How easily we can create rounded corner crossbrowser DIV using css [duplicate]我们如何轻松地使用 css 创建圆角跨浏览器 DIV [重复]
【发布时间】：2011-06-15 04:20:30
【问题描述】：

请帮助我如何使用 css 创建圆角跨浏览器 DIV。谢谢

【问题讨论】：

标签： css

【解决方案1】：

CSS 3 已经支持圆角。看看这个链接：http://www.css3.info/preview/rounded-border/

【讨论】：

【解决方案2】：

不幸的是，并不是所有浏览器都支持真正简单的方法。幸运的是，随着 CSS3 越来越被广泛接受，将会有越来越多的浏览器支持这种方式。

在那之前，您可以查看http://www.spiffycorners.com/。

【讨论】：

【解决方案3】：

您可以使用以下内容：

.box_round {
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3-4 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome */
}

支持ie也可以使用PIE.htc。

您可以找到更多信息和圆角示例here。

【讨论】：