CSS: Kanten abrunden – So einfach gehts

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

Mit CSS kannst du die Kanten von verschiedenen DIV Containern abrunden. Du kannst frei entscheiden welche Ecke oder Kante abgerundet werden soll.

Wie das geht zeige ich dir in diesem Beitrag.

CSS: Kanten Abrunden mit Border-Radius

#rundekanten {
width: 100%;
padding: 50px;
box-sizing: border-box;
border-radius: 3px 15px 5px 30px;
background: #dfdfdf;
}

In diesem Beispiel werden mit border-radius: 3px 15px 5px 30px; die Kanten jeweils verschieden Abgerundet

border-radius: obere linke Ecke , obere linke Ecke, untere linke Ecke, untere rechte Ecke

Ergebnis

Inhalt

Hat dir der Beitrag gefallen?


    css        css kanten abrunden   

Das könnte dich interessieren!

Weitere Kategorien






Schreibe einen Kommentar



30858