Чтобы задать фоновое изображение для элемента в CSS, используйте свойство background-image.
Например:
HTML:
<div class="container">
<h1>Hello, World!</h1>
</div>
CSS:
.container {
background-image: url('имя-файла-с-изображением.jpg');
background-size: cover;
background-position: center;
height: 100vh; /* высота контейнера обязательна для того, чтобы изображение отобразилось */
}
Значение свойства background-image принимает путь к файлу изображения, которое вы хотите использовать. При помощи свойства background-size можно задать размер (в данном случае cover – изображение должно заполнить фоновую область полностью). А свойство background-position задает положение изображения на фоне (в данном случае – по центру).
