Sombra-css

Código:

<div id="contenedor">
<div class="sombra1">
<div class="sombra2">
<div class="sombra3">
<div class="caja">El contenido va aqui</div>
</div>
</div>
</div>
</div>
<style type="text/css">
* {
position : relative ; /*Importante*/
}

#contenedor .sombra2, #contenedor .sombra3, #contenedor .caja {
left : -2px; /*Posicionamiento de los DIVs*/
top : -2px;
}

#contenedor .sombra1 {
background-color : #CCC; /*Coloreamos el fondo*/
}

#contenedor .sombra2 {
background-color : # 999 ;
}

#contenedor .sombra3 {
background-color : # 666 ;
}

#contenedor .caja {
background-color : #FFF;
border : 1px solid #CCC; /*Le damos borde a la caja y padding*/
padding :10px;
}
</style>