Antwort
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%;
}
Es ist nicht Radius alle Seite oder Zyklus. es ist nur ein Seitenradius. anderes Seitenquadrat. –
Ich habe die Antwort aktualisiert, bitte überprüfen Sie es jetzt –
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>
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>
- 1. Erstellen diagonalen Rand-Radius
- 2. Grenz-Radius-CSS-Eigenschaftskurve außerhalb
- 3. Rand-Radius-Form in CSS einfügen?
- 4. Erstellen Sie einen Border-Radius für div
- 5. CSS Border Radius funktioniert nicht auf iOS
- 6. Css Image Hover innerhalb Border-Radius
- 7. HTML5 & CSS Header-Video mit Rand-Radius
- 8. Idl Radius von jedem Pixel
- 9. eine Warnmeldung Feld Erstellen von CSS mit
- 10. CSS: Erstellen von strukturierten Hintergründen
- 11. ein Bild von CSS erstellen
- 12. Erstellen von Abstraktion mit CSS
- 13. Erstellen eines Sternenhintergrunds in CSS
- 14. -moz-border-radius von firefox entfernt 13
- 15. CSS-Box-Radius Ruinen Box-Shadow Einsatz Effekt auf Firefox
- 16. Wobbly CSS Animation mit Border-Radius im Internet Explorer
- 17. -webkit-border-radius verhält sich anders als -moz-border-radius
- 18. jQuery CSS border-radius Eigenschaft animieren (Webkit, mozilla)
- 19. Bootstrap CSS Grenze Radius auf der ersten Btn in Gruppe
- 20. CSS 1px Grenze Strich bricht um Rand Radius
- 21. CSS - border-radius nicht angezeigt in IE6/7/8
- 22. CSS: border-Radius und Farbe nicht innerhalb der Tabelle berücksichtigt
- 23. Bilder Grenze-Radius funktioniert nicht während CSS-Übergang
- 24. Mit border-radius und box-shadow zusammen (CSS)
- 25. Bewerben Border-Radius um Scroll-Leisten mit CSS
- 26. Pseudo-Klasse :: vor - erstellen css Kreis
- 27. Border Radius = Background Bleed
- 28. Mongoose finden geo Punkte von Radius
- 29. SKShapeNode Bug mit Radius
- 30. CSS-Stylesheet mit Javascript erstellen
Der gelbe Teil oder schwarz? – Harry
Mögliches Duplikat von http://stackoverflow.com/questions/16388078/is-a-concave-border-radius-possible?s=1|3.4279 – Harry
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