url()
Ссылка на файл: картинку, шрифт, таблицу стилей.
Синтаксис
url(path)Параметры
| Параметр | Тип | Описание |
|---|---|---|
| path | string | Адрес, абсолютный или относительный; кавычки необязательны, если в нём нет пробелов и скобок. |
Примеры
Картинка в качестве фона:
<div style="height: 100px; background: url(/media/photo-600x200.jpg) center / cover;"></div>Примечания
Относительный путь внутри CSS-файла считается от самого CSS-файла, а не от HTML-страницы. Если картинка не грузится, проверьте это в первую очередь.
См. также
- background-image — Одна или несколько фоновых картинок: файлы или градиенты.
- @font-face — Подключает шрифт и даёт ему имя для использования в `font-family`.
- @import — Подключает другой CSS-файл в текущий.
В учебнике
- Фон и рамки — Фоновые картинки, их повтор, размер и положение, виды рамок, скругление углов и outline.