HTML: Ein Dreieck mit CSS erstellen

Geschlossen
Leibnitz - Geändert am 14. Januar 2019 um 07:02
kaletto
Message postés
34
Date d'inscription
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
Lesen Sie auch:

2 Antworten

kaletto
Message postés
34
Date d'inscription
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ß
3
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.
2