Valamennyi HTML elemnek külön-külön beállíthatjuk a háttérszínét. Alapesetben a háttér teljesen átlátszó.
A színdeklaráció lehetőségeivel a CSS3 színek fejezetben már megismerkedtünk.
A háttérszín beállítása:
kijelölő
{
background-color
:
érték/kulcsszó;
}
Példa:
Forráskód
<style>
div {border-width:3px;margin: 2px;float: left;
width: 160px; height: 50px; }
#id_0 {background-color:silver;}
#id_1 {background-color:rgb(128,255,0);}
#id_2 {background-color:#80ffff;}
#id_3 {background-color:rgb(100%,100%,50%);}
</style>
...
<body>
<div id="id_0">silver</div>
<div id="id_1">rgb(128,255,0)</div>
<div id="id_2">#80ffff</div>
<div id="id_3">rgb(100%,100%,50%)</div>
</body>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_hatter_szin.html