Barva textu
color
style="color: red"
Barva pozadí
Základem dobrého webu je nastavení barvy pozadí i v případě, že má být bílá (implicitní nastavení).
background-color
style="background-color: yellow"
Úkol: Úpravou značky <h2> do podoby <h2 style="background-color: yellow">1. Nadpis druhé úrovně</h2> změňte barvu pozadí na žlutou. Nastavte barvu pozadí dokumentu na světle šedou. Mezi značky <style type="text/css"> a </style> v hlavičce dokumentu vložte text body { background-color: silver }. Uložte. Zobrazte v prohlížeči.
Obrázek jako pozadí prvku
background-image
background-image: url(cesta k obrázku)
style="background-image: url('../_img/pozadi.gif')"
Nastavit barvy můžete pomocí šestnáctkového (hexadecimálního) tvaru (#OOOOO), pomocí názvů (black) nebo poměrem RGB.
Základní pojmenované barvy pro web:
Šestnáctkový (hexadecimální) zápis vychází z poměru RGB (červené, zelené a modré). Šestnáctková soustava používá 16 číslic: 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. F v šestnáctkové odpovídá 15 v desítkové. 10 v šest. odpovídá 16 v des. 11 odpovídá 17 v desítkové. Každá barva může mít 0-255 kroků. Takže když chcete smíchat 255 červené, 255 zelené a 255 modré musíte převést tato čísla na šestnáctková - FF FF FF. Teď stačí čísla spojit #FFFFFF. Většina editorů vám nabízí paketu na výběr.