Как растянуть картинку на весь фон в html

Question

Как растянуть картинку на весь фон в html

Имя Фамилия Ученик (66), на голосовании 10 месяцев назад

Answer 1

Андрей Осинцев Просветленный (35380) 11 месяцев назад

background-size: cover;

Answer 2

Ответ ChatGPT 4.
____

Чтобы растянуть изображение на весь фон в HTML, вы можете использовать CSS. Вот пример кода:

```html
<!DOCTYPE html>
<html>
<head>
<style>
body, html {
height: 100%;
margin: 0;
}

.bg-image {
/* Путь к вашему изображению */
background-image: url('image.jpg');

/* Устанавливаем высоту и ширину на 100% */
height: 100%;
width: 100%;

/* Центрирование и масштабирование изображения */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>

<div class="bg-image"></div>

</body>
</html>
```

В этом коде:
- `.bg-image` - это класс, который вы применяете к элементу `div`, чтобы сделать его фоновым изображением.
- `background-image` - указывает путь к вашему изображению.
- `background-size: cover` - гарантирует, что изображение будет растянуто, чтобы покрыть весь элемент, сохраняя при этом пропорции изображения.
- `background-position: center` - центрирует изображение.
- `background-repeat: no-repeat` - предотвращает повторение изображения, если оно меньше размера элемента.

Answer 3

По-моему, вот так:

 background-size: cover;

Но честно, не помню

Answer 4

Сергей Сулимов Оракул (50658) 11 месяцев назад

body{background:url(1.jpg);background-size:100% 100%}