Barva pozadí

Každý prvek má pozadí. Ve výchozím stavu je průhledné, takže skrz něj vidíme to, co je za ním: u nás bílou stránku.

Vlastnost background-color pozadí vyplní barvou. Pozadí pokrývá celou plochu prvku, ne jen místo za písmeny. Podívejte se na černou plochu kolem hlavního nadpisu: je široká jako celá stránka, přestože nadpis je krátký.

Prvek body je v tomto výjimečný: prohlížeč jeho pozadí vykreslí přes celé okno.

Jak už víte z lekce o selektorech, na rozdíl od color se background-color nedědí. Může to tak ale vypadat: kdybychom dali pozadí prvku main, zdálo by se, že ho mají i odstavce uvnitř. Ve skutečnosti mají odstavce pozadí pořád průhledné a my skrz ně vidíme pozadí prvku main.

Při výběru barev myslete na kontrast: text se musí od pozadí jasně odlišovat. Tmavý text na světlém pozadí nebo světlý text na tmavém pozadí se čte snadno, šedý text na šedém pozadí ne:

Černý text na bílém pozadí se čte snadno.

Tmavě šedý text na šedém pozadí se čte špatně.