The fona attēls Īpašums CSS tiek izmantots, lai iestatītu attēlu kā elementa fonu. Izmantojot šo CSS rekvizītu, elementam varam iestatīt vienu vai vairākus fona attēlus.
Pēc noklusējuma attēls tiek novietots elementa augšējā kreisajā stūrī un tiek atkārtots gan horizontāli, gan vertikāli. Fona attēls jāizvēlas atbilstoši teksta krāsai. Slikta teksta un fona attēla kombinācija var būt iemesls slikti izstrādātai un nelasāmai tīmekļa lapai.
The url() šī īpašuma vērtība ļauj mums iekļaut faila ceļu uz jebkuru attēlu. Tas parādīs elementa fonu. Fonam varam izmantot vairākus attēlus vai gradientu un attēlu maisījumu. Ja fona attēlu neizdodas ielādēt vai ja mēs izmantojam gradientus, bet tie netiek atbalstīti attiecīgajā pārlūkprogrammā, mēs varam izmantot atkāpšanās vērtību (vērtību, kas izmantota kā aizstāšana) kā elementa fona krāsu.
css saraksti
Sintakse
background-image: url();
Vērtības
url(): Tas ir attēla URL. Mēs varam atdalīt URL ar komatu, ja vēlamies norādīt vairāk nekā vienu attēlu.
unix vs Windows
Piemērs
body { background-image: url('cat.webp'); background-color: lightgray; }Izmēģiniet to tūlīt
Izvade
Piemērs
body { height: 200px; background-color: #cccccc; background-image: radial-gradient(red, green, yellow); }Izmēģiniet to tūlīt
Izvade
Piemērs
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'); }Izmēģiniet to tūlīt
Izvade