Propiedades de Fondo
Imágen como Fondo
Esta propiedad permite añadir una imágen como fondo de todos los elementos HTML, bloques,listas, parrafos, enlaces, titulos.
¿ Cómo añadir imágen de Fondo ?
La propiedad
background-image sirve para añadir una imágen como fondo. Por ejemplo, añadiremos una imágen de fondo a un bloque div, para lo cual nos ayudaremos creando un selector de clase llamado 'imagen'.
Código CSS:
.imagen{background-image:url(fondo.jpg);
width:430px;
margin:0 auto;
text-align:justify;
color:#eee;
padding:8px;
}
Donde:
La propiedad background hace referencia a una imágen llamada 'fondo.jpg' que se aplicara al bloque llamado '.imagen'
Código HTML:
Agregaremos el atributo class="imagen" al bloque o bloques que tendra una imagen como fondo:
<body>
<div class="imagen">
Este bloque tendra una imágen como fondo
</div>
</body>
El resultado final será:
