The taustakuva ominaisuutta CSS:ssä käytetään kuvan asettamiseen elementin taustaksi. Tämän CSS-ominaisuuden avulla voimme asettaa elementille yhden tai useamman taustakuvan.
Oletusarvoisesti kuva sijoitetaan elementin vasempaan yläkulmaan ja toistetaan sekä vaaka- että pystysuunnassa. Taustakuva tulee valita tekstin värin mukaan. Huono tekstin ja taustakuvan yhdistelmä voi johtua huonosti suunnitellusta ja lukemattomasta verkkosivusta.
The url() Tämän ominaisuuden arvo antaa meille mahdollisuuden sisällyttää tiedostopolun mihin tahansa kuvaan. Se näyttää elementin taustan. Voimme käyttää taustana useita kuvia tai liukuvärien ja kuvien sekoitusta. Jos taustakuvan lataaminen epäonnistuu tai käytämme liukuvärejä, mutta niitä ei tueta vastaavassa selaimessa, voimme käyttää vara-arvoa (korvauksena käytetty arvo) elementin taustavärinä.
iteroiva kartta java
Syntaksi
background-image: url();
Arvot
url(): Se on kuvan URL-osoite. Voimme erottaa URL-osoitteet pilkulla, jos haluamme määrittää useamman kuin yhden kuvan.
java-merkkijono taulukkoon
Esimerkki
body { background-image: url('cat.webp'); background-color: lightgray; }Testaa nyt
Lähtö
Esimerkki
body { height: 200px; background-color: #cccccc; background-image: radial-gradient(red, green, yellow); }Testaa nyt
Lähtö
Esimerkki
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'); }Testaa nyt
Lähtö