CSS Imagen de fondo
CSS background-image
La propiedad background-image especifica una imagen para usar como fondo de un elemento.
De forma predeterminada, la imagen se repite, por lo que cubre todo el elemento.
Ejemplo
Establecer la imagen de fondo para una página:
body {
background-image: url("paper.gif");
}
Try it Yourself »
Ejemplo
Este ejemplo muestra una mala combinación de texto e imagen de fondo. El texto es difícil de leer:
body {
background-image: url("bgdesert.jpg");
}
Try it Yourself »
Nota: Cuando utilice una imagen de fondo, utilice una que no altere el texto.
La imagen de fondo también se puede configurar para elementos específicos, como el elemento <p>:
La propiedad de imagen de fondo CSS
| Propiedad | Descripción |
|---|---|
| background-image | Establecer la imagen de fondo para un elemento |
CSS — Imágenes de fondo — Vídeo de W3Schools
Este vídeo es una introducción a las imágenes de fondo en CSS.
¡Parte de una serie de videotutoriales para aprender CSS para principiantes!
