Тхе позадинска слика својство у ЦСС-у се користи за постављање слике као позадине елемента. Користећи ово ЦСС својство, можемо поставити једну или више позадинских слика за елемент.
Подразумевано, слика се налази у горњем левом углу елемента и понавља се и хоризонтално и вертикално. Позадину треба изабрати према боји текста. Лоша комбинација текста и позадинске слике може бити узрок лоше дизајниране и нечитљиве веб странице.
Тхе урл() вредност овог својства нам омогућава да укључимо путању датотеке до било које слике. Приказаће позадину елемента. За позадину можемо користити више слика или мешавину градијената и слика. Ако позадинска слика није успела да се учита или ако користимо градијенте, али они нису подржани у одговарајућем претраживачу, можемо користити резервну вредност (вредност која се користи као замена) као боју позадине елемента.
мавен репозиториј
Синтакса
background-image: url();
Вредности
урл(): То је УРЛ до слике. УРЛ-ове можемо одвојити зарезом ако желимо да наведемо више слика.
интерфејс против апстрактне класе
Пример
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'); }Тестирајте одмах
Излаз