Use CSS to create a drop shadow

Short and to the point.

View the example

Download the File

<style>

<!–

#title{

font-family:Arial, Helvetica, sans-serif;

position:relative;

top:5px;

left:5px;

}

#text {

color:#000000;

position: relative;

z-index:2;

top:0;

left:0;

}

#shadow {

color:#999999;

position:absolute;

z-index:1;

top:1px;

left:1px;

}

–>

</style> <body>

<div id=“title”>

<a href=“#”><span id=“text”>Alice in Wonderland</span></a>

<span id=“shadow”>Alice in Wonderland</span>

</div>

</body>

Leave a comment