Barva pozadí a textu
Pomocí kaskádových stylů lze samozřejmě měnit i barvu písma a odstavce. Barva písma lze měnit vlastností color a barva pozadí pak vlastností background-color.
Otázkou je, jak se hodnota barzvy zadává. Možností je několik. Nejčastěji používané jsou dvě a to anglický název barvy a nebo číslená specifikace jednotlivých barevných složek, takzvané RGB.
Pro slovní zadání barvy, je možné použít některou z následujících hodnot.
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow
Pro většinu z nich lze použít ještě předpony light a dark, takže například lightgray je světlešená a darkgray naopak tmavě šedá.
RGB
Zápis barvy ve formátu složek RGB (red -červená, green- zelená, blue - modrá) lze provádět následujícími způsoby.
Decinálně
Tento zápis se zadává rgb(red, gree, blue), kde jednotlivé barevné složky složené barvy se zadávají číslem v rozsahu 0 až 255. Například čistě červená barva by měla zápis: rgb(255,0,0).
Hexadecimálně
Hexadecimální zápis je asi nejpoužívanější a vypadá takto #RRGGBB, kde RR vyjadřije červenou složku, GG zelenou a BB modrou. Zápis složek je v hexadecimálním tvaru, takže například červená barva by se zapsala ve tvaru: #FF0000.
Procentuelně
Obdobně jako decimální zápis lze zapsat hodnoty v procentech, takže červená barva by měla zápis: RGB(100%,0%,0%).
Konkrétní příklad obarvení textu
<p style="background-color: lightgray; color: red;">Odstavec se světle šebým pozadím a červeným textem.</p>