logo

Hogyan lehet megváltoztatni a háttérszínt a CSS-ben?

A háttérszín A tulajdonság a CSS-ben egy elem háttérszínének beállítására szolgál. Egyszínű színeket alkalmaz az elem háttereként. Egy elem háttere lefedi a teljes méretet, beleértve a kitöltést és a szegélyt, de a margót nem. Minden HTML elemre alkalmazható.

Szintaxis

 element transparent 

A szín_név A tulajdonság értéke meghatározza a háttérszín értékét vagy a színkódokat. Megadható színnévvel, rgb() értékkel vagy hexadecimális értékkel.

A átlátszó ennek a tulajdonságnak az értéke az alapértelmezett érték, amely az átlátszó háttérszínt határozza meg.

Példa

Ebben a példában az értékét határozzuk meg háttérszín tulajdonságot a színnév, a hexadecimális érték, az rgb() és a hsl() érték használatával. Négy div elem van, amelyekre alkalmazzuk a háttérszín ingatlan.

 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%); 
Tesztelje most

Kimenet

Hogyan lehet megváltoztatni a háttérszínt a CSS-ben