La sombra está de moda, las hay muy sofisticadas utilizando imágenes que hay que ajustar y medir…
Podemos utilizar también sombras sencillas que no son tan resultonas, pero le dan una gracia a las capas:
Código CSS
.seccion {
margin:-3px 2px 2px -3px;
padding-left:1em;
padding-right:1em;
background:#FBFBFF none repeat scroll 0%;
border:1px solid #999999;
}
.back{
background: black none repeat scroll 0%;
margin:3% 2% 2% 3em;
padding:0.1%;
}
Código HTML
<div class="back">
<div class="seccion">
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Duis tellus. Quisque lectus sapien, vulputate
ut, posuere in, molestie id, risus. Duis dolor.
Suspendisse consectetuer felis at sapien volutpat
commodo. Pellentesque metus. Vestibulum pretium,
nulla nec rutrum porta, erat augue bibendum erat,
eu ...
</div>
</div>
Y así se ve:
