De bakgrunnsbilde egenskap i CSS brukes til å sette et bilde som bakgrunn for et element. Ved å bruke denne CSS-egenskapen kan vi angi ett eller flere bakgrunnsbilde for et element.
Som standard er bildet plassert i øverste venstre hjørne av et element og gjentas både horisontalt og vertikalt. Bakgrunnsbildet skal velges i henhold til tekstfargen. Den dårlige kombinasjonen av tekst og bakgrunnsbilde kan være en årsak til dårlig utformet og ikke lesbar nettside.
De url() verdien av denne egenskapen lar oss inkludere en filbane til et hvilket som helst bilde. Det vil vise elementets bakgrunn. Vi kan bruke flere bilder eller en blanding av gradienter og bilder for bakgrunnen. Hvis bakgrunnsbildet ikke kan lastes inn, eller hvis vi bruker gradientene, men de ikke støttes i den tilsvarende nettleseren, kan vi bruke reserveverdien (verdien som brukes som erstatning) som bakgrunnsfargen til elementet.
hvilke måneder er q3
Syntaks
background-image: url();
Verdier
url(): Det er URL-en til bildet. Vi kan skille URL-ene med komma hvis vi ønsker å spesifisere mer enn ett bilde.
java-operatørprioritet
Eksempel
body { background-image: url('cat.webp'); background-color: lightgray; } Test det nå Produksjon
Eksempel
body { height: 200px; background-color: #cccccc; background-image: radial-gradient(red, green, yellow); } Test det nå Produksjon
Eksempel
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'); } Test det nå Produksjon
