Recuadros con sombras

Recuadro 1

Es posible encerrar textos en elegantes recuadros con CSS. Acá con sombreado al lado derecho.

Recuadro 2

Es posible encerrar textos en elegantes recuadros con CSS. Acá con sombreado al lado izquierdo

__________________

El código es:

<style type="text/css"> #recuadro1{ box-shadow: 30px 10px 20px #aaa; border-radius: 20px; background-color:#ddd; width:200px; padding:10px; } #recuadro2{ box-shadow: -10px -10px 20px #aaa; border-radius: 20px; background-color:#aa0; width:200px; padding:10px; margin-top:50px; } </style> <div id="recuadro1"> <h3>Recuadro 1</h3> <p>Es posible encerrar textos en elegantes recuadros con CSS. Acá con sombreado al lado derecho. </p> </div> <div id="recuadro2"> <h3>Recuadro 2</h3> <p>Es posible encerrar textos en elegantes recuadros con CSS. Acá con sombreado al lado izquierdo </p> </div>

para consultas, acá el

ENLACE