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;
}
Back