如何使用CSS创建圆角背景框？

Question

如何使用CSS创建圆角背景框？

Answer 1

使用此css：

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

然后只需在HTML中使用此类

<div class="box_round" style="background-color:red">This is a test</div>

我添加了背景颜色：红色 - 仅用于测试傀儡，以便您可以看到圆形的corenrs。

HTH

Answer 2

仅CSS 3支持此功能。

Answer 3

看看CSS3 PIE项目。它可以帮助您解决旧IE版本上与CSS3相关的问题。