The фонове зображення властивість у CSS використовується для встановлення зображення як фону елемента. Використовуючи цю властивість CSS, ми можемо встановити одне або більше ніж одне фонове зображення для елемента.
За замовчуванням зображення розташовується у верхньому лівому куті елемента та повторюється як горизонтально, так і вертикально. Фонове зображення слід вибирати відповідно до кольору тексту. Погане поєднання тексту та фонового зображення може бути причиною погано оформленої та нечитабельної веб-сторінки.
The url() Значення цієї властивості дозволяє нам включити шлях до будь-якого зображення. Він покаже фон елемента. Ми можемо використовувати кілька зображень або суміш градієнтів і зображень для фону. Якщо фонове зображення не завантажується або якщо ми використовуємо градієнти, але вони не підтримуються у відповідному браузері, ми можемо використати резервне значення (значення, яке використовується як заміна) як фоновий колір елемента.
штучний інтелект і інтелектуальні агенти
Синтаксис
background-image: url();
Цінності
url(): Це URL-адреса зображення. Ми можемо розділити URL-адреси комами, якщо хочемо вказати більше одного зображення.
np.де
приклад
body { background-image: url('cat.webp'); background-color: lightgray; }Перевірте зараз
Вихід
приклад
body { height: 200px; background-color: #cccccc; background-image: radial-gradient(red, green, yellow); }Перевірте зараз
Вихід
приклад
body { height: 200px; background-color: #cccccc; background-image: linear-gradient(rgba(0, 0, 255, 0.5),rgba(255, 255, 0, 0.5)), url('lion.webp'); }Перевірте зараз
Вихід