CSS

Der Inhalt ist erst nach dem Einloggen sichtbar

Themen:


Introduction ⇑
a ⇑
animation_keyframes ⇑
background ⇑
blank ⇑
border-radius ⇑
border ⇑
box-sizing ⇑
calc ⇑
child ⇑
clear ⇑
clip-path ⇑
content ⇑
cursor ⇑
display ⇑
div ⇑
filter ⇑
flexbox ⇑
float ⇑
font ⇑
form ⇑
grid ⇑
hover ⇑
hyphens ⇑
img ⇑
important ⇑
is ⇑
li ⇑
margin ⇑
menue_hover_horizontal ⇑
menue_hover_vertical ⇑
not ⇑
of-type ⇑
opacity ⇑
optional ⇑
outline ⇑
overflow ⇑
padding ⇑
position ⇑
responsive ⇑
selection ⇑
selektoren ⇑
span ⇑
target ⇑
transform ⇑
transition ⇑
var ⇑
viewport ⇑
where ⇑
z-index ⇑
zoom ⇑

Anzahl an Themen: 51

Aktuell geöffnete Datei: 'border-radius'

Zum Wechseln des Themas einfach ein neues Thema eingeben

CSS_border-radius

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%