如何制作带圆角的div

如何制作div以使其边框的圆角变圆？如何制作带圆角的div

谢谢大家！

2011-08-18 user23557676

这就是：

<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

来源

2011-08-18 11:52:37 SilverHorn

如果你还记得使用前缀，如“MOZ”（Mozilla的）和“WebKit的”这是最好的（用于Safari和Chrome。）也许有更多的，我不知道。 – SilverHorn

例如，使用CSS 3 这里的example

来源

2011-08-18 11:53:00

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

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

来源

2013-11-13 23:21:30 kriscross07

添加此CSS：

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

来源

2013-11-14 23:48:26 sleepyup

使用border-radius财产。指定金额越高（通常在px），您的形状就越圆润。例如：

myDiv { border-radius:30px;}

希望有帮助。

来源

2014-05-25 01:58:12 aaplmath

如何制作带圆角的div

回答

相关问题