Как задать картинку в css

Для задания картинки в CSS используется свойство background-image.

Пример:

.my-element {
  background-image: url("image.jpg");
}

Здесь my-element – это класс элемента, для которого задается фоновая картинка. Стили могут быть заданы также для других селекторов, например, для body.

Картинка указывается в кавычках в свойстве url().

Если картинка находится в отдельной папке, то путь к ней следует задавать от корневой директории сайта. Например:

.my-element {
  background-image: url("/images/image.jpg");
}

В данном случае картинка находится в папке images на корневом уровне сайта.