12-repeticion de fondos en css

La propriedad background-image por defecto se repite, tanto en la horizontal como en la vertical

Hay imagens que se deben repetir solo horizontalmente o verticalmente, si no se vean feas






ejemplo

mira la repeticion de esta imagen, se ve fea


ahora si la imagen de arriba se repite solo horizontalmente se vera mejor


...

Para que se repita solo verticalmente hay que modificar la propriedad a background-repeat: repeat-x; a background-repeat: repeat-y;

Para mostrar la imagen sin que se repita, solo la muestra una vez, hay que poner la propriedad background-repeat: no-repeat;


Ejemplo


Posición de fondo

La propriedad background-position se utiliza para especificar la posición de la imagen de fondo.

ejemplo






Publicar un comentario

0 Comentarios