HTML: ein Dreieck mit CSS erstellen [Geschlossen]

Leibnitz - 14. Juli 2011 um 15:22 - Letzte Antwort: kaletto 35 Beiträge Donnerstag März 24, 2011Mitglied seit: Oktober 25, 2012 Zuletzt online:
- 19. Juli 2011 um 12:18
Halle zusammen,


ich versuche unter HTML ein Dreieck zu erstellen.
Auf meine Website , wenn ein Besucher kommt, wird er den Namen "Verbindung " sehe, 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
Mehr anzeigen 

2 Antworten

+4
Bewertung
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.
Hat Ihnen diese Antwort weitergeholfen?  
kaletto 35 Beiträge Donnerstag März 24, 2011Mitglied seit: Oktober 25, 2012 Zuletzt online: - 19. Juli 2011 um 12:18
0
Bewertung
Hallo,

Hier wird es ausführlich erklärt :

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

Gruß