Barbara's Doodles
Barbara's Doodles

This is an example of drop shadow using Cascading Style Sheets.

P.link {
top : 2100px;
left : 25px;
position : absolute;
}

P.first {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : left;
text-indent : 1em;
top : 180px;
left : 20px;
position : absolute;
}

DIV.text {
font-weight : bold;
font-size : xx-large;
color : red;
background : transparent;
top : 58px;
left : 85px;
position : absolute;
z-index : 8;
}

DIV.shadow {
font-weight : bold;
font-size : xx-large;
color : navy;
background : transparent;
top : 62px;
left : 80px;
position : absolute;
z-index : 1;
}

DIV.css {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background : transparent;
top : 220px;
left : 10px;
position : absolute;
}

BODY {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background : aqua;
margin : 0;
}

A:link {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #9900cc;
background : transparent;
text-decoration : none;
}

A:visited {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #0000ff;
background : transparent;
text-decoration : none;
}

A:hover {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #ffff00;
background : transparent;
text-decoration : underline;
}

A:active {
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #ff0000;
background : transparent;
text-decoration : none;
}