201001Jan

CSS: Dreiecke ohne Bilder erstellen

Es gibt diverse Tricks für Cascading Style Sheets, die nicht weit verbreitet sind. Eine Methode, um beispielsweise Pfeile oder Dreiecke mit reinen CSS-Deklarationen zu erstellen, funktioniert mit dem border-Element — die Werte für die unterschiedlichen Ecken müssen entsprechend eingestellt werden, so dass ein Dreieck entsteht, was etwa für Sprechblasen oder Meldungen genutzt werden kann.
Jon Rohan erklärt diesen Weg sehr schön in einem Artikel und zeigt, was mit den Eckeneffekten von CSS möglich ist.

CSS - Dreiecke ohne Bilder erstellen

Weiter unten auf der Seite präsentiert er ein kleines Anwendungsbeispiel für den CSS-Effekt sowie einen Workaround für Internet Explorer 6, da der CSS-Code unter dem veralteten Browser nicht ohne Weiteres funktioniert.
Wer also Dreiecke oder andere Formen mit reinen CSS-Attributen erstellen möchte, sollte sich den Artikel durchlesen.