Imagen de fondo de CSS

Imagen de fondo de CSS

background-image La propiedad especifica la imagen utilizada como fondo del elemento.

Por defecto, la imagen se repetirá para cubrir todo el elemento.

Ejemplo

La imagen de fondo de la página se puede configurar de la siguiente manera:

body {
  background-image: url("paper.gif");
}

Prueba personalmente

Ejemplo

Este ejemplo muestra la textura y la imagen de fondo del texto y la imagen de fondo:Combinación errónea.El texto es difícil de leer:

body {
  background-image: url("bgdesert.jpg");
}

Prueba personalmente

Nota:Al usar imágenes de fondo, utilice imágenes que no interfieran con el texto.

También se puede establecer una imagen de fondo para elementos específicos, por ejemplo, el elemento <p>:

Ejemplo

p {
  background-image: url("paper.gif");
}

Prueba personalmente