如何使用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