Чтобы прописать путь к картинке в CSS, вы можете использовать свойство background-image
. Например, чтобы задать фоновую картинку для элемента с классом .container
, вам нужно написать следующий код:
.container {
background-image: url("path/to/image.jpg");
}
В этом примере мы используем относительный путь к картинке image.jpg
, которая находится в подкаталоге path/to/
относительно текущего файла CSS.
Если вы хотите использовать абсолютный путь, вы можете просто указать полный URL до картинки:
.container {
background-image: url("https://example.com/path/to/image.jpg");
}
Вы также можете использовать относительный путь относительно корневого каталога сайта, начиная с символа /
:
.container {
background-image: url("/path/to/image.jpg");
}
Чтобы указать размеры картинки или ее позиционирование, вы можете использовать дополнительные свойства background-size
, background-repeat
и background-position
. Например:
.container {
background-image: url("path/to/image.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
В этом примере мы установили размер фоновой картинки в cover
(чтобы картинка заполняла все доступное пространство), повторение отключено (no-repeat
) и позиционирование по центру (center center
).
Заметьте, что путь к картинке в CSS зависит от того, где расположен файл CSS. Если ваш файл CSS находится в подкаталоге сайта, то пути к картинкам могут быть относительно этого каталога. Если ваш файл CSS расположен в корневом каталоге, то пути к картинкам должны начинаться с символа /
.