The фоново изображение свойството в CSS се използва за задаване на изображение като фон на елемент. Използвайки това свойство на CSS, можем да зададем едно или повече от едно фоново изображение за елемент.

По подразбиране изображението се позиционира в горния ляв ъгъл на елемент и се повтаря както хоризонтално, така и вертикално. Фоновото изображение трябва да бъде избрано според цвета на текста. Лошата комбинация от текст и фоново изображение може да е причина за лошо проектирана и нечетлива уеб страница.

The url() стойността на това свойство ни позволява да включим файлов път към всяко изображение. Ще покаже фона на елемента. Можем да използваме множество изображения или комбинация от градиенти и изображения за фон. Ако фоновото изображение не успее да се зареди или ако използваме градиентите, но те не се поддържат от съответния браузър, тогава можем да използваме резервната стойност (стойността, използвана като заместител) като цвят на фона на елемента.

масив в java методи

Синтаксис

 background-image: url(); 

Стойности

url(): Това е URL адресът към изображението. Можем да разделим URL адресите със запетая, ако искаме да посочим повече от едно изображение.

как да изключите режима за разработчици на android

Пример

 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'); } 

Изход