如何制作圆角的div

Question

你如何制作一个div,使它的边角是圆的？

感谢大家!

Answer 1

使用该border-radius财产。指定的量越高（通常为px），形状就越圆。例子：

myDiv { border-radius:30px;}

希望有帮助。

Answer 2

这里是:

<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

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

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

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