如何製作帶圓角的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

回答

相關問題