2016-03-26 10 views
0

Ich versuche dies mit Border-Radius, aber es scheint nicht wie dieses Bild.Erstellen Radius von css

enter image description here

+0

Der gelbe Teil oder schwarz? – Harry

+1

Mögliches Duplikat von http://stackoverflow.com/questions/16388078/is-a-concave-border-radius-possible?s=1|3.4279 – Harry

+0

10 Könnten Sie klarstellen, was Sie zu tun versuchen? Sie möchten, dass Ihr Webseitenelement so gerendert wird, dass es wie Ihr Beispielbild aussieht? – emery

Antwort

0

set border-Radius: 50%;

Unten ist ein Beispiel CSS-Code für ein div

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

Es ist nicht Radius alle Seite oder Zyklus. es ist nur ein Seitenradius. anderes Seitenquadrat. –

+0

Ich habe die Antwort aktualisiert, bitte überprüfen Sie es jetzt –

0

Wenn Sie Kreis erstellen möchten, geben gleiche Höhe und Breite div und border-radius Eigenschaft 50% hinzufügen.

.circle{ 
 
    width:400px; 
 
    height:400px; 
 
    background:#000; 
 
    border-radius:50%; 
 
    }
<div class="circle"></div>

0

Wenn Ihr versuchen, die schwarze ein Kreis dann fügen Sie einfach den folgenden CSS-Code auf die Klasse/id des div zu machen. Wenn Ihr das ganze Bild versucht dann diese CSS-Code auf diese bestimmte id/Klasse hinzufügen. (Sie können die Höhe und Breite ändern, wenn Sie möchten.)

#circle{ 
 
    width:200px; 
 
    height:200px; 
 
    background:#000; 
 
    border-radius:100%; 
 
    }
<div id="circle"></div>