HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Háttérszín



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