webdesign freiburg - dizign.de

Stylisch

Durch die Border-Eigenschaft in CSS lassen sich ao etwas ähnliches wie Grafiken erzeugen. Leider ist die Darstellung in den verschiedenen Browsern nicht vorhersagbar. Aber hübsch ist es :-)

 
<style type="text/css">
.farben {border-color:#FF00FF #00FFBD #FFFF00 #840000;}
 
</style>
<div class="farben" style="margin:10px;border-width:50px; border-style:solid;width:120px;height:120px;">Hallo!</div>
 
<div class="farben" style="margin:10px;border-width:50px; border-style:solid;width:50px;height:50px;">Hi;</div>
 
<div class="farben" style="margin:10px;border-width:50px; border-style:solid;width:20px;height:20px;">H</div>
 
<div class="farben" style="margin:10px;border-width:50px; border-style:solid;width:0px;height:0px;line-height:0px;"><!-- --></div>
 

Links:
Ausführlicher und mit vielen weiteren Beispielen findet sich unter Information on Border Slants