CSS: Kanten abrunden – So einfach gehts

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

Hat dir der Beitrag gefallen?

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite

Das könnte dich interessieren!

Weitere Kategorien