A szöveg háttérszíne - WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS

A szöveg háttérszíne

Az egyes karakterek háttérszíne mindig megegyezik az őt tartalmazó HTML elemre érvényes háttérszínnel.

A színdeklaráció lehetőségeivel a CSS3 színek fejezetben már megismerkedtünk.

A szöveg háttérszínének beállítása:

kijelölő

{

background-color

érték/kulcsszó;

}

Példa:

Forráskód


<style>
    .div_1 { background-color:silver; }  /* */
    p { background-color:rgb(128,255,0); }
    h2 { background-color:#80ffff; }
    span {background-color:rgb(100%,100%,50%);}
</style>     
...
<body>            
  <div class="div_1">
     <h2>H2 címsor</h2>
     A DIV szövege.
     <p>A bekezdés <span>hopp egy span</span> a 
            bekezdés folytatása.</p>
  </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_szoveg_hatterszin.html