Simple Drop Shadow
Complex Drop Shadow
 
 
 
 
 
Source Code:

<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Drop Shadow With Layers</title>
</head>

<body>

<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 158px; top: 45px; background-color: #C0C0C0" id="layer1">
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: -4px; top: -5px; background-color: #800000" id="layer2">
&nbsp;</div>
<p>&nbsp;</div>
<div style="position: absolute; top: 15px; left: 10px; width: 771px; height: 18px; z-index: 11">
Simple Drop Shadow</div>
<div style="position: absolute; top: 235px; left: 4px; width: 771px; height: 18px; z-index: 10">
Complex Drop Shadow</div>
<div style="position: absolute; width: 103px; height: 103px; z-index: 9; left: 231px; top: 265px; border: 1px solid #000000; background-color: #800000" id="layer7">
&nbsp;</div>
<div style="position: absolute; width: 107px; height: 107px; z-index: 5; left: 231px; top: 265px; background-color: #CCCCCC" id="layer6">
&nbsp;</div>
<div style="position: absolute; width: 106px; height: 106px; z-index: 6; left: 231px; top: 265px; background-color: #C0C0C0" id="layer5">
&nbsp;</div>
<div style="position: absolute; width: 105px; height: 105px; z-index: 7; left: 231px; top: 265px; background-color: #999999" id="layer4">
&nbsp;</div>
<div style="position: absolute; width: 104px; height: 104px; z-index: 8; left: 231px; top: 265px; background-color: #808080" id="layer3">
&nbsp;</div>

</body>

</html>