11-Imagens de fondo

La propiedad background-image especifica una imagen para usar como fondo de un elemento

De forma predeterminada, la imagen se repite para que cubra todo el elemento.

ejemplo

estabelecer fondo de imagen para un parrafo

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur vel cum voluptas quis alias deleniti, sint quod rem minima accusamus maxime neque at culpa sequi aspernatur quos possimus nobis quas!


Poner una imagen en un parrafo, div, pagina, o cualquier otro elemento, el procedimiento es lo mismo

...

Ejemplo

El ejemplo seguiente pone una imagen en una pagina

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

Hay que tener cuidado con el fondo de las paginas, ya que lo que estamos haciendo es mezclando el texto con la imagen

No es una buena pratica

ejemplo

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur vel cum voluptas quis alias deleniti, sint quod rem minima accusamus maxime neque at culpa sequi aspernatur quos possimus nobis quas!


Nota cuando utilice una imagen de fondo, utilice una imagen que no interfiera con el texto.





Publicar un comentario

0 Comentarios