HTML: Ein Dreieck mit CSS erstellen
Geschlossen
Leibnitz
-
14 Jul 2011 à 15:22
kaletto Beiträge 34 Mitglied seit Donnerstag 24 März 2011 Status Mitglied Zuletzt online: 25 Oktober 2012 - 19 Jul 2011 à 12:18
kaletto Beiträge 34 Mitglied seit Donnerstag 24 März 2011 Status Mitglied Zuletzt online: 25 Oktober 2012 - 19 Jul 2011 à 12:18
2 Antworten
kaletto
Beiträge
34
Mitglied seit
Donnerstag 24 März 2011
Status
Mitglied
Zuletzt online:
25 Oktober 2012
45
19 Jul 2011 à 12:18
19 Jul 2011 à 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.