Cómo agregar un fondo de imagen desde mi computadora

Su línea de imagen de fondo está mal formada. Debe especificar la imagen así

background-image: url (“image-src.ext”);

Si inserta la imagen de esa manera, se colocará de manera predeterminada en la esquina superior izquierda del elemento que la contiene, y luego se repetirá en X e Y en pantallas más grandes que la imagen. Para describir completamente la posición y el comportamiento de una imagen de fondo, debe definir algunos o todos los siguientes:

  • color de fondo
  • imagen de fondo
  • repetición de fondo
  • adjunto de fondo
  • posición de fondo

Puede omitir cualquiera que desee asumir como predeterminado. Puede evitar lidiar con esa larga lista utilizando el CSS abreviado

  • fondo: imagen en color repetir posición de archivo adjunto;

Vea Fondo CSS y desplácese hacia abajo para obtener una definición más completa y un enlace a una página de violín donde puede probar el código.

use caminos relativos en lugar de usar el absoluto.

si su archivo html está en ” E: \ Private \ Webpages \ Renters_site \ ” y las imágenes están en ” E: \ Private \ Webpages \ Renters_site \ Images \ Amazing-Modern-house-with-Swimming-Pool.png

sólo hay que poner

background-image: url (“Imágenes \ Amazing-Modern-house-with-Swimming-Pool.png”);

Asegúrese de tener la siguiente estructura. Suponiendo que está dentro de la carpeta “sitio web” con las siguientes subcarpetas

1: imagen (suponga que tiene bg.gif)
2: Javascript
3: Css (suponga que tiene un archivo style.css)

Y algunos archivos HTML dicen “index.html”, etc.

Ahora desea aplicar “bg.gif” en su página html a través de CSS. Digamos que hay una clase “bg” en el archivo style.css. Entonces el código será

en el archivo style.css:

.bg {
background: url (../ images / bg.gif) repeat-x arriba a la izquierda; / * verifique las propiedades del fondo aquí Página en w3schools.com * /
ancho: X;
altura: Y;
}

Estructura HTML:

background-image: url (‘archivo: // E: /Private/Webpages/Renters_site/Images/Amazing-Modern-house-with-Swimming-Pool.png’);

Debe especificar la ruta como una URL. archivo: // […] es una url
Por cierto, es probable que desee configurar un host como WAMP y resolverlo en lugar de acceder directamente desde el disco duro. Será similar al servidor en el que eventualmente implementará el sitio para que no tenga que sacarse el pelo adaptando rutas.

Abre el panel de control, busca algo como “escritorio / pantalla” o “personalización”. Habrá una opción que dice ‘cambiar el fondo del escritorio’. Cuando se le solicite qué imagen usar, solo tiene que encontrar la que desea usar.

Debe copiar las imágenes a su servidor y (preferiblemente) usar una ruta relativa para acceder a ellas. Si aloja en un servidor Linux, debe usar “/” en la ruta.