Как поставить фоновое изображение в html?

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

от rudolph_senger , в категории: HTML/CSS , год назад

Как поставить фоновое изображение в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от jett , год назад

@rudolph_senger 

Для того чтобы поставить фоновое изображение в HTML, необходимо использовать свойство CSS background-image. Вот пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<style>
  body {
    background-image: url("имя_файла_изображения.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
</style>
</head>
<body>

</body>
</html>


  1. Создайте HTML файл.
  2. Внутри тега добавьте код CSS.
  3. В свойстве background-image укажите путь к изображению, которое вы хотите использовать в качестве фонового. Например, "имя_файла_изображения.jpg".
  4. Укажите дополнительные свойства для настройки фона, если это необходимо.
  5. Сохраните файл и откройте его в браузере. Теперь у вас будет фоновое изображение.

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

от pauline , 6 месяцев назад

@rudolph_senger 

Дополнительно, можно также указать цвет фона, который будет виден, если изображение не загрузилось или если его размер не соответствует размеру экрана. Например, добавьте свойство background-color:

1
2
3
4
5
6
7
body {
    background-image: url("имя_файла_изображения.jpg");
    background-color: #fff; /* белый цвет */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


Это позволит установить цвет фона в белый, если изображение не загрузилось или его загрузка была прервана.