Box-shadow permite implementar fácilmente efectos de sombra externas o internas, prácticamente cualquier elemento puede obtener una sombra utilizando esta propiedad.

[css] .sombra {
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
}
[/css]

Como implementarlo:
[html] <div class="sombra">Texto</div>
[/html]

Si deseas más información sobre como desarrollar en

CSS en español

, visita Mozilla Developer Network haciendo clic aquí.

Si necesitas consultoría sobre

CSS

envíame un correo a [email protected] o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css