Переконайтеся, що атрибут href завантажує те саме ім’я файлу, що й ваш фактичний файл CSS, і що шлях правильний. Шлях має бути відносно того, де знаходиться ваш файл HTML. Якщо файл CSS знаходиться в тому самому каталозі, що й файл HTML, ви можете встановити атрибут href як стиль. css (або будь-яка інша назва вашого файлу CSS).
Як додати зображення до файлу CSS
- Відкрийте таблицю стилів свого веб-сайту за допомогою редактора HTML або текстового редактора.
- Вставте наступний код на аркуш, щоб створити новий стиль:
- Замініть "шлях" URL-адресою зображення на сайті. …
- Замініть «10» на ширину зображення, а «20» — на висоту зображення.
Переконайтеся, що тип файлу підтримується браузером (наприклад, підтримувані типи включають PNG, JPEG і GIF). Крім того, перевірте, чи правильно написано ім’я файлу та чи правильно враховується регістр. Нарешті, спробуйте додати '/' на початку шляху src.
Шлях фонового зображення відносно вашого css-файлу, отже якщо ваше зображення не знаходиться в тій самій папці, де знаходиться ваша таблиця стилів, то шлях, який ви вказали, не може бути знайдений. Якщо ви відкриєте інструменти розробника у своєму браузері (зазвичай, натиснувши F12 на клавіатурі), ви побачите вкладку під назвою «Мережа».
Найімовірніше, це робить ваш браузер, розширення браузера (яке може бути встановлено в обох браузерах), ваша операційна система (наприклад, налаштування брандмауера) або десь у мережевому з’єднанні, яке ви використовуєте (наприклад, робота, Інтернет-провайдер, країна тощо).