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
kaletto Beiträge 34 Mitglied seit Donnerstag März 24, 2011 Status Mitglied Zuletzt online: Oktober 25, 2012 - 19. Juli 2011 um 12:18
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
19. Juli 2011 um 12:18
Hallo,
Hier wird es ausführlich erklärt :
http://matthiasschuetz.com/css-dreiecke-ohne-bilder-erstellen
Gruß
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.
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.