La propiedad Opacity indica el nivel de transparencia y toma valores entre 0 y 1

 

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;
    opacity:.3;
    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ásPara saber más

Puedes ver todas las propiedades y atributos referente a los bordes de elementos haciendo clic en:

  1. http://www.w3schools.com/cssref/css3_pr_opacity.asp