.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` - предотвращает повторение изображения, если оно меньше размера элемента.