Det baggrundsbillede egenskab i CSS bruges til at sætte et billede som baggrund for et element. Ved at bruge denne CSS-egenskab kan vi indstille et eller mere end ét baggrundsbillede for et element.
Som standard er billedet placeret i øverste venstre hjørne af et element og gentaget både vandret og lodret. Baggrundsbilledet skal vælges efter tekstfarven. Den dårlige kombination af tekst og baggrundsbillede kan være årsag til dårligt designet og ulæselig webside.
Det url() værdien af denne egenskab giver os mulighed for at inkludere en filsti til ethvert billede. Det vil vise elementets baggrund. Vi kan bruge flere billeder eller en blanding af gradienter og billeder til baggrunden. Hvis baggrundsbilledet ikke kan indlæses, eller hvis vi bruger gradienterne, men de ikke understøttes i den tilsvarende browser, kan vi bruge fallback-værdien (den værdi, der bruges som substitution) som baggrundsfarven for elementet.
hvilke måneder er q3
Syntaks
background-image: url();
Værdier
url(): Det er URL'en til billedet. Vi kan adskille URL'erne med et komma, hvis vi ønsker at angive mere end ét billede.
java operatør forrang
Eksempel
body { background-image: url('cat.webp'); background-color: lightgray; } Test det nu Produktion
Eksempel
body { height: 200px; background-color: #cccccc; background-image: radial-gradient(red, green, yellow); } Test det nu Produktion
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 nu Produktion
