Thor's Page - Webdesign und mehr

Schlagschatten



Schlagschatten lassen sich ganz einfach mit CSS erzeugen, und zwar mit folgenden Code.

<div style="position:absolute; top:162px; left:127px;"> <a href="http://www.thors-page.de/" style="color:#000000;">WWW.THORS-PAGE.DE</A> </div>

<div style="position:absolute; top:160px; left:125px;"> <a href="http://www.thors-page.de/" style="color:#ff0000;">WWW.THORS-PAGE.DE</A> </div>

Durch den Befehl style="position:absolute; top:162px; left:127px;" wird das <div> Tag absolut positioniert, also in Abhängigkeit vom Eltern-Element, in diesem Fall dem Body (Fensterrahmen). Indem man dem eigentlichen Text denselben Text, leicht versetzt und in anderer Farbe, nochmal voransetzt, wird der Effekt des Schlagschattens erzeugt.



Zurück