La imagen de fondo del cuerpo se adapta a la ventana de la página web, ¡y la prueba es efectiva!

Directamente en el código (css):

html {
    
    
    height: 100%;
    width: 100%;
}

body {
    
    
    
    background-image: url(pic/BG2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

¡Primero debe especificar el ancho y la altura del html antes de que pueda hacer coincidir el fondo en el cuerpo!
Vista previa del efecto:
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
hay un problema: ¡la imagen se estirará y perderá su valor ornamental original!

Supongo que te gusta

Origin blog.csdn.net/NEXT00/article/details/128854082
Recomendado
Clasificación