CSS border-radius Generator
Erstellen Sie abgerundete CSS Ecken (border-radius) mit Live-Vorschau und kopierfertigem Code.
🔒 100 % clientseitig — keine Daten gesendet
CSS border-radius Generator zum Erstellen abgerundeter Ecken mit Live-Vorschau und kopierfertigem Code. Passen Sie jede Ecke einzeln oder alle zugleich an und übernehmen Sie anschließend die exakte CSS Eigenschaft. Alles läuft in Ihrem Browser: Es werden keine Daten oder Bilder an einen Server gesendet.
FAQ
Wie runde ich in CSS eine einzelne Ecke ab?
Verwenden Sie eine spezifische Eigenschaft wie border-top-left-radius: 12px;, um nur eine Ecke abzurunden. Das Tool lässt Sie jede Ecke separat festlegen und generiert die passende Zeile.
Wie erstelle ich mit border-radius einen Kreis oder ein Oval?
Wenden Sie border-radius: 50% auf ein quadratisches Element für einen perfekten Kreis oder auf ein Rechteck für eine Ellipse an. Wählen Sie im Tool die Einheit % aus, um dies zu erreichen.
Was ist der Unterschied zwischen px, % und em bei border-radius?
Pixel liefern einen festen Radius, Prozentwerte beziehen sich auf die Größe des Elements (ideal für Kreise), und em hängt von der Schriftgröße ab. Sie können jede Einheit in der Vorschau testen.
Funktioniert der generierte Code in allen Browsern?
Ja, border-radius wird von allen modernen Browsern ohne Präfix unterstützt. Kopieren Sie die Eigenschaft einfach in Ihr Stylesheet.