Az egyes karakterek színe mindig megegyezik az őt tartalmazó HTML elemre érvényes színnel.
A színdeklaráció lehetőségeivel a CSS3 színek fejezetben már megismerkedtünk.
A szöveg színének beállítása:
kijelölő
{
color
:
érték/kulcsszó;
}
Példa:
Forráskód
<style>
.div_1 { color:black; } /* */
p { color:rgb(128,0,0); }
h2 { color:#000080; }
span {color:rgb(100%,50%,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_szin.html