Dreieckiges Pfeilmuster, gezeichnet mit reinem CSS

div#up { 
width: 0px; 
Höhe: 0px; 
Rand links: 5 Pixel durchgehend transparent; 
Rand rechts: 5 Pixel durchgehend transparent; 
border-bottom: 5px solid#2f2f2f; 
} 
div#down { 
width: 0px; 
Höhe: 0px; 
Rand links: 20 Pixel durchgehend transparent; 
border-right: 20px solidtransparent; 
border-top: 20px einfarbig #f00; 
} 
div#left { 
width: 0px; 
Höhe: 0px; 
Rand oben: 10 Pixel durchgehend transparent; 
Rand unten: 10 Pixel durchgehend transparent; 
Rand rechts: 10 Pixel einfarbig gelb; 
} 
div#right { 
width: 0px; 
Höhe: 0px; 
Rand oben: 60 Pixel durchgehend transparent; 
Rand unten: 60 Pixel durchgehend transparent; 
Rand links: 60 Pixel durchgehend grün; 
} 


html: