En CSS3, la propiedad box-shadow se utiliza para añadir sombras a las cajas: 

Esta propiedad requiere los valores: 

  • Desplazamiento  horizontal
  • Desplazamiento vertical
  • Difuminado
  • Color de sombra

  

ejemploEjemplo

Estilos

 
  1. h2 {
  2. border:thin solid #00C;
  3. width: 300px;
  4. margin-left: 10px;
  5. padding: 5px;
    background-color: #09C;
  6. background-image: url(xml.jpg);
    background-position: 2 center;
    background-repeat: no-repeat;
    border-radius:7px;
    -webkit-border-radius:7px;
    box-shadow: 4px 4px 6px #aaaaaa;
    -webkit-box-shadow: 4px 4px 6px #aaaaaa;

    height: auto;
  7. font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  8. font-style: normal;
  9. font-weight: bold;
  10. color: #FFF;
  11. text-align: center;
  12. }

 

Html y Resultado
<body>
       <h2>CICLOS FORMATIVOS</h2>
</body>

CICLOS FORMATIVOS

Saber más Para saber más

Puedes ver todas las propiedades y atributos referente a la sombra haciendo clic en:

  1. http://www.w3schools.com/cssref/css3_pr_box-shadow.asp