logo

Како додати позадинску слику у ЦСС?

Тхе позадинска слика својство у ЦСС-у се користи за постављање слике као позадине елемента. Користећи ово ЦСС својство, можемо поставити једну или више позадинских слика за елемент.

Подразумевано, слика се налази у горњем левом углу елемента и понавља се и хоризонтално и вертикално. Позадину треба изабрати према боји текста. Лоша комбинација текста и позадинске слике може бити узрок лоше дизајниране и нечитљиве веб странице.

Тхе урл() вредност овог својства нам омогућава да укључимо путању датотеке до било које слике. Приказаће позадину елемента. За позадину можемо користити више слика или мешавину градијената и слика. Ако позадинска слика није успела да се учита или ако користимо градијенте, али они нису подржани у одговарајућем претраживачу, можемо користити резервну вредност (вредност која се користи као замена) као боју позадине елемента.

мавен репозиториј

Синтакса

 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'); } 
Тестирајте одмах

Излаз

Како додати позадинску слику у ЦСС