border-radius


<div style="width: 24em; height: 4em; background: silver; border-radius: 0 2em 4em 6em;"></div>

border-top-left-radius: 0;
border-top-right-radius: 2em;
border-bottom-right-radius: 4em;
border-bottom-left-radius: 6em;


Border-Radius mit 1 Wert alle Ecken


<div style="width: 24em; height: 4em; background: silver; border-radius: 6em;"></div>


Border-Radius mit 1 Ecke


<div style="width: 24em; height: 4em; background: silver; border-radius: 0 0 4em 0;"></div>


Border-Radius mit 2 Ecken unten


<div style="width: 24em; height: 4em; background: silver; border-radius: 0 0 6em 6em;"></div>


Border-Radius mit 2 diagonale Ecken


<div style="width: 24em; height: 4em; background: silver; border-radius: 6em 0;"></div>


Border-Radius mit 2 unterschiedliche Werten in 2 Ecken


<div style="width: 24em; height: 4em; background: silver; border-bottom-left-radius: 6em 1em; border-bottom-right-radius: 2em 1em;"></div>


Border-Radius als Kreis


<div style="border-radius: 10em; height: 10em; width: 10em; background: silver;"></div>

Kommentare sind geschlossen.