Чтобы поместить картинку в CSS, используйте свойство background-image
. Это свойство позволяет задать фоновое изображение для элемента на веб-странице.
Шаги:
- В HTML-документе вставьте пустой элемент соответствующего типа, для которого вы хотите задать фоновую картинку. Например, для задания фоновой картинки для элемента
div
, вставьте следующий код:
<div> </div>
- В CSS определите соответствующий селектор для вашего элемента. Это может быть класс, ID, или тег (например,
div
), в зависимости от вашего HTML. Например:
div {
background-image: url('images/background.jpg');
}
- Укажите путь к вашей картинке в качестве значения свойства
background-image
используя ключевое словоurl()
. Например, если ваша картинка называетсяbackground.jpg
и находится в папкеimages
на вашем сервере, используйте следующий код:
background-image: url('images/background.jpg');
- Настраивайте другие свойства по вашему усмотрению, например,
background-repeat
,background-size
,background-position
, и т.д., чтобы более точно управлять отображением фоновой картинки. - Сохраните изменения в вашем CSS-файле и обновите страницу в браузере. Фоновое изображение должно отображаться на вашем элементе в соответствии с вашими настройками.