CSS-Border-Radius-Generator
Gestalte border-radius-Werte visuell mit einzelnen Ecken-Steuerungen, Voreinstellungen und Live-Vorschau.
Vorschau
8px8px8px8px
Voreinstellungen
Steuerung
Alle Ecken verknüpfen
CSS-Ausgabe
Ctrl+Enter zum AusführenCtrl+Shift+C zum Kopieren
Mehr erfahren
CSS-Border-Radius: Abgerundete Ecken, Kreise und Formen
Erstelle abgerundete Ecken, Pillenformen, Kreise und komplexe organische Formen mit CSS-border-radius.
border-radius verstehen
Die CSS-Eigenschaft border-radius rundet die Ecken der äußeren Rahmenkante eines Elements ab. Sie akzeptiert einen bis vier Werte, um jede Ecke unabhängig zu steuern – oben links, oben rechts, unten rechts und unten links. Ein einzelner Wert wendet denselben Radius auf alle vier Ecken an, während vier Werte asymmetrische Formen ermöglichen.
5 Min. LesezeitVollständigen Ratgeber lesen