如何制作带圆角的div

Question

如何使一个 div 的边框圆角呢？

- user23557676

Answer 1

就是这样:

<style type="text/css">
div.test
{
    width: 115px;
    padding: 10px;
    border: 2px solid #000;
    border-radius: 15px;
    -moz-border-radius: 15px;
}
</style>
<div class="test">This is some text!</div>

- SilverHorn

---

最好记得使用诸如“moz”（代表Mozilla）和“webkit”（代表Safari和Chrome）等前缀，可能还有我不知道的其他前缀。 - SilverHorn

Answer 2

使用border-radius属性。指定的数值越大（通常是以px为单位），形状就越圆。例如：

myDiv { border-radius:30px;}

希望这能帮到你。

- aaplmath

Answer 3

添加以下 CSS：

border-top-right-radius:15px;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;

- sleepyup

Answer 4

使用CSS添加代码：border-radius: 10px。

我使用10px作为示例，但您可以尝试任何您喜欢的像素数量。

- kriscross07

Answer 5

如果你不想依赖像素，可以使用百分比

border-radius: 50%;

- obzenner

Answer 6

只需像这样使用"border-radius" CSS 属性：

div {
     border-radius:8px;
}

- HTMLNerd_1