logo

Kako promijeniti boju pozadine u CSS-u?

The boja pozadine Svojstvo u CSS-u koristi se za postavljanje boje pozadine elementa. Primjenjuje čvrste boje kao pozadinu elementa. Pozadina elementa pokriva ukupnu veličinu, uključujući ispunu i rub, ali isključujući marginu. Može se primijeniti na sve HTML elemente.

Sintaksa

 element transparent 

The ime_boje vrijednost ovog svojstva definira vrijednost boje pozadine ili specificira kodove boja. Može se dati korištenjem naziva boje, vrijednosti rgb() ili heksadecimalne vrijednosti.

The transparentan vrijednost ovog svojstva je zadana vrijednost, koja određuje prozirnu boju pozadine.

Primjer

U ovom primjeru definiramo vrijednost boja pozadine korištenjem naziva boje, heksadecimalne vrijednosti, vrijednosti rgb() i vrijednosti hsl(). Postoje četiri div elementa na koje primjenjujemo boja pozadine imovine.

 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%); 
Testirajte sada

Izlaz

Kako promijeniti boju pozadine u CSS-u