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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от jett , 7 месяцев назад

@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. Сохраните файл и откройте его в браузере. Теперь у вас будет фоновое изображение.