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

Question

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

htmlcss

4

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

- DEVOPS

你的整个网站的背景？有很多圆角CSS教程可以在网上找到，你看过吗？ - fredley

3个回答

2

这只在CSS 3中支持。

- kgiannakakis

0

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

- Bobby Francis Joseph

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Pavel Nikolov · Accepted Answer

使用此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>

我添加了 background-color:red 属性，只是为了测试目的，以便您可以看到圆角。

希望这能帮到您。