URL-адрес CSS ()

Узнайте, как работать с функцией CSS url ()

Когда мы говорим о фоновых изображениях,@import, и многое другое, мы используемurl()функция для загрузки ресурса:

div {
  background-image: url(test.png);
}

В этом случае я использовал относительный URL-адрес, который ищет файл в папке, в которой определен файл CSS.

Я мог бы вернуться на один уровень назад

div {
  background-image: url(../test.png);
}

или зайти в папку

div {
  background-image: url(subfolder/test.png);
}

Или я мог бы загрузить файл, начиная с корня домена, где размещен CSS:

div {
  background-image: url(/test.png);
}

Или я мог бы использовать абсолютный URL-адрес для загрузки внешнего ресурса:

div {
  background-image: url(https://mysite.com/test.png);
}

Скачать мою бесплатнуюСправочник CSS