Вы можете использовать свойство background-image в CSS, чтобы добавить картинку на фон любого HTML-элемента, например, <body> или <div>.
Шаги:
- Сохраните изображение в вашем проекте (обычно оно хранится в папке
images). - Откройте файл CSS и найдите селектор для HTML-элемента, в который вы хотите добавить изображение на фон.
- Используйте свойство
background-imageи укажите путь к вашей картинке, относительно расположения файла CSS. Например:
body {
background-image: url('../images/background.jpg');
}- При необходимости вы можете использовать другие свойства CSS, такие как
background-size,background-position,background-attachment, чтобы задать размер, позицию и относительный скролл вашего изображения фона. Например:
body {
background-image: url('../images/background.jpg');
background-size: cover;
background-position: center;
background-attachment: fixed;
}Здесь мы устанавливаем свойство background-size в значение cover, чтобы изображение на фоне полностью покрывало элемент. Затем мы задаем background-position в значение center, чтобы изображение было выровнено по центру элемента. И, наконец, мы используем background-attachment в значение fixed, чтобы изображение оставалось на фиксированной позиции при прокручивании страницы.
- Сохраните файл CSS и перезагрузите страницу в браузере. Картинка на фоне должна отображаться в выбранном вами HTML-элементе.
