logo

Як додати фонове зображення в CSS?

The фонове зображення властивість у CSS використовується для встановлення зображення як фону елемента. Використовуючи цю властивість CSS, ми можемо встановити одне або більше ніж одне фонове зображення для елемента.

За замовчуванням зображення розташовується у верхньому лівому куті елемента та повторюється як горизонтально, так і вертикально. Фонове зображення слід вибирати відповідно до кольору тексту. Погане поєднання тексту та фонового зображення може бути причиною погано оформленої та нечитабельної веб-сторінки.

The url() Значення цієї властивості дозволяє нам включити шлях до будь-якого зображення. Він покаже фон елемента. Ми можемо використовувати кілька зображень або суміш градієнтів і зображень для фону. Якщо фонове зображення не завантажується або якщо ми використовуємо градієнти, але вони не підтримуються у відповідному браузері, ми можемо використати резервне значення (значення, яке використовується як заміна) як фоновий колір елемента.

штучний інтелект і інтелектуальні агенти

Синтаксис

 background-image: url(); 

Цінності

url(): Це URL-адреса зображення. Ми можемо розділити URL-адреси комами, якщо хочемо вказати більше одного зображення.

np.де

приклад

 body { background-image: url('cat.webp'); background-color: lightgray; } 
Перевірте зараз

Вихід

Як додати фонове зображення в CSS

приклад

 body { height: 200px; background-color: #cccccc; background-image: radial-gradient(red, green, yellow); } 
Перевірте зараз

Вихід

Як додати фонове зображення в CSS

приклад

 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'); } 
Перевірте зараз

Вихід

Як додати фонове зображення в CSS