Как поставить фоновое изображение в html?
2 ответа
от
jett ,
2 года назад
@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>
|
- Создайте HTML файл.
- Внутри тега добавьте код CSS.
- В свойстве background-image укажите путь к изображению, которое вы хотите использовать в качестве фонового. Например, "имя_файла_изображения.jpg".
- Укажите дополнительные свойства для настройки фона, если это необходимо.
- Сохраните файл и откройте его в браузере. Теперь у вас будет фоновое изображение.
от
pauline ,
год назад
@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;
}
|
Это позволит установить цвет фона в белый, если изображение не загрузилось или его загрузка была прервана.
15