Crear una página web con una sola imagen de fondo no un fondo en mosaico

Para crear un sitio web con una sola imagen como fondo, le recomendamos que utilice el siguiente ejemplo de CSS en su código HTML.

Para implementar el código anterior en su página web, copie las líneas anteriores y pegue entre las secciones de su página web. Si está utilizando un editor de páginas web WYSIWYG, deberá hacer clic en el enlace u opción que le permita insertar el código HTML antes de ingresar el código anterior. Finalmente, este ejemplo está usando una imagen de Computer Hope. Si desea utilizar una imagen personalizada, reemplace la URL en negrita anterior con la ubicación de su imagen.

Consejo: Si está utilizando una hoja de estilo CSS externa, también puede copiar la parte del cuerpo del ejemplo anterior en su archivo CSS.

Inserte el código de arriba aquí

Ejemplo

Sugerencia: muchos usuarios pueden querer crear una sola imagen grande como fondo. Si planea hacer esto, sea considerado con las personas con conexiones de Internet más lentas. Las imágenes grandes tardan en cargarse y es posible que no se vean adecuadas con personas que usan un tamaño o resolución de monitor más pequeño.

Nota: si desea configurar la imagen de fondo para que se repita en su lugar, establezca la propiedad de repetición de fondo en uno de los siguientes:

  • repetir : repite la imagen de fondo tanto horizontal como verticalmente.
  • repetir-x : repite la imagen de fondo solo horizontalmente.
  • repetir y repite la imagen de fondo solo verticalmente.