角を丸めてdivを作成する方法

Question

divを作成して境界線の角を丸くする方法を教えてください。

ありがとうございました！

Answer 1

はここにある：ここではCSS 3 を使用して、インスタンスのための

<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 2

はCSSでexample

Answer 3

コードを追加します：border-radius: 10px。

たとえば10ピクセルを使用しますが、好きなピクセル数で試してみることもできます。

Answer 4

はこのCSSを追加します。

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

Answer 5

はborder-radiusプロパティを使用します。指定された金額（通常はpx）が高いほど、形状が丸くなります。例：

myDiv { border-radius:30px;} 

希望します。