Propiedades de Fondo

Repetir imágen de fondo

Si ya tenemos una imágen como fondo, podemos controlar su ubicación para que la imágen pueda repetirse de forma proporcional, horizontal ó vertical.

¿ Cómo repetir la imágen de Fondo ?

Mediante la propiedad background-image se controla la forma en que se repetira la imágen de fondo. Los valores pueden ser:

repeat

La imágen es repetida tanto horizontal como verticalmente.

body {background-image:url(fondo1.jpg);background-repeat:repeat;}

repeat-x

La imagen es repetida sólo horizontalmente.

body{background-image:url(fondo1.jpg);background-repeat:repeat-x;}

repeat-y

La imagen es repetida sólo verticalmente.

body{background-image:url(fondo1.jpg);background-repeat:repeat-y;}

¿ Cómo evitar que una imágen de Fondo se repita ?

no-repeat

La imagen no se repite: sólo una copia de la imagen es visualizada.

body{background-image:url(fondo1.jpg);background-repeat:no-repeat;}