Как сделать бэкграунд картинкой в css

Чтобы задать фоновое изображение для элемента в 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 задает положение изображения на фоне (в данном случае — по центру).