Imagen de Fondo


Las propiedades background de css ofrecen opciones para configurar el fondo de los documentos html, por ejemplo el background-color:silver; para agregar un color de fondo gris, para definir una imagen de fondo podemos utilizar la propiedad background-image:url("ruta de la imagne/image.ext");

Deforma predeterminada la imagen se muestra en mosaico, sin embargo podemos cambiar este comportamiento mediante la propiedad background-repeat:none; también podemos asignarle otros valores background-repeat:repeat-x para repetir la imagen en el eje X o background-repeat:repeat-y; para repetir la imagen en el eje Y, también es posible definir la posición de la imagen dentor del contenedor utilizando la propiedad background-position:center center; para esta propiedad los valores van en parejas especificando el valor horizontal y vertical respectivamente, el valor de las posiciones se pueden representar por nombre, por porcentaje o por pixel.

Otra propiedad interesante es background-attachment con esta propiedad podemos hacer la imagen se desplaze junto con la ventana que es el comportamiento predeterminado o podemos hacer que permanezca en su posición original, por ejemplo background-attachment:fixed;



Servicio de Validación HTML5

¡CSS Válido!