Tengo una imagen de fondo de mi página web llamada "fondo_campo1.jpg", el problema lo tengo a la hora de visualizar la imagen en tamaño completo.
La imagen se repite si el tamaño no es mayor que el tamaño de la resolución de la pantalla. Y si pongo la propiedad: background-repeat:no-repeat; la parte que falta la pone en blanco.
URL de la imagen: https://previews.123rf.com/images/basketman23/basketman231110/basketman23111000294/11071349-casa-en-el-paisaje-de-campo-verde-con-cielo-azul-Foto-de-archivo.jpg
¿Qué debo hacer?
body{
background-image: url("https://andro4all.com/files/2017/07/fondos-miui-9-700x618.jpg");
}
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Reservar</title>
<link rel="stylesheet" href="css/estilos_reservar.css">
</head>
<body>
//...
</body>
</html>