HTML: Ein Dreieck mit CSS erstellen

Geschlossen
Melden
-
Message postés
34
Date d'inscription
Donnerstag März 24, 2011
Status
Mitglied
Zuletzt online:
Oktober 25, 2012
-
Hallo zusammen,

ich versuche unter HTML ein Dreieck zu erstellen.
Auf meiner Webseite, wenn ein Besucher kommt, wird er den Namen "Verbindung" sehen. Daneben möchte ich ein kleines Dreieck (erscheint beim mouse over) erstellen, das zu einem Submenü führt.
Ist es möglich oder soll ich es mit Photoshop machen?

Danke

2 Antworten

Message postés
34
Date d'inscription
Donnerstag März 24, 2011
Status
Mitglied
Zuletzt online:
Oktober 25, 2012
44
Hallo,

Hier wird es ausführlich erklärt :

http://matthiasschuetz.com/css-dreiecke-ohne-bilder-erstellen

Gruß
3
Danke

Wir freuen uns über ein paar nette Worte als Dankeschön. Kommentar hinzufügen

CCM 811 Nutzer haben uns diesen Monat Danke gesagt

hallo,

Code css:

#triangle{
font-size: 0px; line-height: 0%; width: 0px;
border-top: 100px solid #77c;/* Dreieckfarbe*/
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}


Und der HTML-Code fürs Testen

<div id="triangle"></div>


Du kannst die Größen ändern, um das gewünschte Dreieck zu erreichen.