CSSで半径を作成する

私はborder-radiusを使ってこれを試していますが、この画像のようには見えません。CSSで半径を作成する

黄色の部分や黒？ – Harry

可能な複製http://stackoverflow.com/questions/16388078/is-a-concave-border-radius-possible?s=1|3.4279 – Harry

あなたがしようとしていることを明確にすることはできますか？ Webページ要素をレンダリングして、サンプル画像のように見せたいのですか？ – emery

セット境界半径：50％。以下は

あなたがサークルを作成したい場合は、ボーダー-radiusプロパティに50％をDIVと追加して同じ高さと幅を与えるのdiv

div { 
height: 500px; 
border: 2px solid #a1a1a1; 
padding: 10px 40px; 
background: yellow; 
width: 400px; 
border-radius: 0% 50% 50% 0%; 
}

2016-03-26 06:56:40

半径は全面でもなく、周期でもありません。それは片側の半径だけである。他のサイドスクエア。 –

私は答えを更新しました。今すぐ確認してください –

するための例のCSSコードです。

.circle{ 
 
    width:400px; 
 
    height:400px; 
 
    background:#000; 
 
    border-radius:50%; 
 
    }

<div class="circle"></div>

2016-03-26 07:10:23 Vinaya

あなたは、円はその後、ちょうどのdivのクラス/ IDに以下のCSSコードを追加し、黒1をしようとした場合。あなたは、画像全体をしようとした場合、その特定のID /クラスに、このCSSコードを追加します。（あなたがしたい場合は、高さと幅を変更することができます。）

#circle{ 
 
    width:200px; 
 
    height:200px; 
 
    background:#000; 
 
    border-radius:100%; 
 
    }

<div id="circle"></div>

2016-03-26 08:03:40

答えて