Svojstvom background-color postavljamo boju pozadine elementa. Nismo više ograničeni kao kod html svojstva bgcolor samo na određivanje boja pozadine cijele stranice.
Odvajanjem sadržaja web stranice od izgleda pojedina svojstva html elemenata postala su zastarjela i više se ne koriste. Jedno od tih svojstava je bgcolor pomoću kojeg se definirala boja pozadine cijele stranice ili ćelije u tablici.
Umetanje css svojstava u html se ne preporučuje radi nečitljivosti kôda. No, ponekad je poradi testiranja ponekad potrebne napraviti iznimku. Ovdje će biti prikazana ta iznimka.
Svojstvom background-color postavljamo boju pozadine elementa. Kada želimo dodati css svojstvo u html element, trebamo dodijeliti vrijednost svojstvu style.
Obrazac koji koristimo je dodavanje svojstva style unutar elementa odlomka kojem mijenjamo boju pozadine:
<p style="background-color: vrijednost;">Moguće vrijednosti su:
ime boje (engleski nazivi): npr. yellow, black, purple
heksadekadska RGB vrijednost: npr. #FFFF00, #00FF00...
RGB kôd boje – npr. rgb(255, 0, 0), rgb(255, 0, 255)
Ako želimo boju pozadine cijele web stranice postaviti u plavu dodjeljujemo svojstvo style <body> elementu.
Tri načina za to su:
<body style="background-color: blue;">
<body style="background-color: #0000FF;">
<body style="background-color: rgb(0,0,255);">Nismo više ograničeni kao kod html svojstva bgcolor samo na određivanje boja pozadine cijele stranice ili ćelije u tablici.
Primjer promjene boje pozadine elementa odlomka <p>:
<p style="background-color: blue;">Plava boja pozadine odlomka</p>Izgled u web pregledniku:
Plava boja pozadine odlomka
Primjer promjene boje pozadine linijskog elementa <span> unutar odlomka:
<p>Žuta boja pozadine: <span style="background-color: yellow;"> žuta </span> riječ.</p>Izgled u web pregledniku:
Žuta boja pozadine: žuta riječ.