Ecke von div abschneiden css?

lumo

hey leute,
ist es möglich einen div nicht abzurunden, sondern abzukanten...? also ich meine, wenn man einen rechteckigen div hat und dort ne ecke abschneidet, so dass 5 ecken entstehen? brauche dies, da ich ein template bau, bei dem ich gern einfach alle farben verändern kann und mein button so eine form hat. hoffes es gibt dafür eine lösung und parat :)

lg rezer

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

TheRoy

HI ich bin neu in der Welt von Wordpress

Also ich habe dan immer einfach ein hintergrundbild mit eckigen Kanten gemacht aber das war noch als ich meinenen Blog selbst geschriben habe. Es könntet aber Probleme mit dem Text und dem layout geben da ich jetzt nicht weiß ob sich das div vergößert wen es mher platzt braucht

MfG TheRoy

cebito

Mit nem kleinen Trick...

HTML

<!DOCTYPE html>


<html lang="en">
<head>
    <meta charset="utf-8">
    <title>5-Eck</title>


<style>
.ecke{
    width:200px;
    height:200px;
    background:#f00;
    position:relative;
    margin:50px auto;
}
.ecke:after{
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    border-left: 50px solid transparent;
    border-top: 50px solid #fff;
    top: 0;
    right: 0;
    position: absolute;
}
</style>
</head>
<body>
<div class="ecke"></div>
</body>
</html>

Alles anzeigen

lumo

niiiiice :) . vielen dank dafür!!!!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Ecke von div abschneiden css?

Jetzt mitmachen!