Как сделать задний фон на весь экран в html?

Пользователь

от miguel_ritchie , в категории: HTML/CSS , 7 месяцев назад

Как сделать задний фон на весь экран в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от craig.emmerich , 6 месяцев назад

@miguel_ritchie 

Чтобы сделать задний фон на весь экран в HTML, вы можете использовать CSS и свойство background-size.


Вот пример HTML-кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<style>
body {
    background-image: url("background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
</style>
</head>
<body>
<!-- Ваше содержимое страницы -->
</body>
</html>


В этом примере задний фон установлен на всю поверхность экрана с помощью свойства background-size: cover;. Оно масштабирует фоновое изображение таким образом, чтобы оно полностью покрывало задний фон элемента body и не было искажений соотношения сторон.


Также учтите, что вам нужно заменить "background.jpg" на путь к вашему изображению заднего фона.