border-radius
Abgerundete Ecken von Elementen und Bildern
border-radius: 2em; --> Alle Ecken werden abgerundet
border-radius: obenlinks obenrechts untenrechts untenlinks;
border-radius: 2em 0 1em 0;
border-radius: 0 0 0 2em;
border-top-left-radius:7vw 5vh;
Übungen
1
2
3
4
5
6
7
8
Lösungen
1: border-radius:2em
2: border-radius:2em 5em 0 10em
3: border-radius:0 0 4em 0
4: border-top-left-radius:7em 2em;border-bottom-right-radius:7em 2em
5: border-top-left-radius:10em 10em;border-bottom-right-radius:10em 10em
6: border-top-right-radius:10em 10em;border-bottom-right-radius:10em 10em
7: border-radius:50%
8: border-radius:10px;border-top-right-radius:100% 100%