HTML: Ein Dreieck mit CSS erstellen

Geschlossen
Leibnitz - Geändert am 14. Januar 2019 um 07:02
kaletto Beiträge 34 Mitglied seit Donnerstag März 24, 2011 Status Mitglied Zuletzt online: Oktober 25, 2012 - 19. Juli 2011 um 12:18
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

kaletto Beiträge 34 Mitglied seit Donnerstag März 24, 2011 Status Mitglied Zuletzt online: Oktober 25, 2012 45
19. Juli 2011 um 12:18
Hallo,

Hier wird es ausführlich erklärt :

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

Gruß
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.