Regresar a inicio

Como poner una imagen de fondo en html sin que se repita

Diego Velázquez Rabasa experto en diseño web Creado por Diego Velázquez Rabasa
12/03/20
Como poner una imagen de fondo en html sin que se repita

Para evitar que una imagen de fondo se repita, unicamente hay que añadir la propiedad "background-repeat: no-repeat;", sigue los siguientes pasos para lograrlo.

A continuación añadi un html y css de demostración creado en Codepen para que puedas ver como lograr el resultado esperado. Si deseas abrir este ejemplo directamente en Codepen da clic aquí.

También si te interesa, puedes aprender a poner una imagen de fondo en hmtl con el siguiente tutorial.