A B E G

Startseite Skripte für das Wintersemester 2017/18 Webdesign Semantic Web CSS: Border-Radius


CSS: Border-Radius

Achtung: Sehr alte Browser verstehen das noch nicht und stellen die Ecken „eckig“ dar …

CSS

/* Radius rundum gleich */
p {
    border: 3px solid red;
    border-radius: 8px;
}

/* Radius nur rechts oben */
p {
    border: 3px solid red;
    border-radius: 0 8px 0 0;
}

Ich habe rundrum abgerundete Ecken

Ich habe nur rechts oben eine abgerundete Ecke