如何制作带圆角的div

Question

你如何制作一个 div 使其边框角变圆？

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>

Answer 2

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

例如，我使用 10px，但您可以尝试使用您喜欢的像素数量。

Answer 3

添加这个css：

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

Answer 4

使用border-radius属性。 指定的数量越高（通常以px ），您的形状就越圆润。 例子：

myDiv { border-radius:30px;}

希望有帮助。

Answer 5

如果你不想依赖像素，你可以随时使用 %

border-radius: 50%;

Answer 6

例如，使用CSS 3就是这个例子