The taustaväri CSS:n ominaisuutta käytetään elementin taustavärin asettamiseen. Se käyttää yhtenäisiä värejä elementin taustana. Elementin tausta kattaa koko koon, mukaan lukien pehmusteet ja reunat, mutta ilman marginaalia. Sitä voidaan soveltaa kaikkiin HTML-elementteihin.
Syntaksi
element transparent
The värin_nimi Tämän ominaisuuden arvo määrittää taustavärin arvon tai värikoodit. Se voidaan antaa käyttämällä värin nimeä, rgb()-arvoa tai heksadesimaaliarvoa.
The läpinäkyvä Tämän ominaisuuden arvo on oletusarvo, joka määrittää läpinäkyvän taustavärin.
Esimerkki
Tässä esimerkissä määrittelemme arvon taustaväri ominaisuus käyttämällä värin nimeä, heksadesimaaliarvoa, rgb()-arvoa ja hsl()-arvoa. On olemassa neljä div-elementtiä, joihin käytämme taustaväri omaisuutta.
background-color property body { text-align:center; } h1{ color: blue; } div{ font-size: 25px; padding: 50px; border: 5px solid red; margin: 20px; } #one{ background-color: lightgreen; } #two{ background-color: #ddaefa; } #three{ background-color: rgb(155, 55, 128); color: white; } #four{ background-color: hsl(60, 22%, 50%); color: white; } background-color: lightgreen; background-color: #ddaefa; background-color: rgb(155, 55, 128); background-color: hsl(60, 22%, 50%); Testaa nyt Lähtö
