Jak ovládat barvu pozadí pomocí kaskádových stylů
Kaskádové styly můžete použít k ovládání barvy pozadí pro celou webovou stránku a pouze pro jednotlivý prvek na webové stránce. Podívejme se na příklad, který nastaví barvu pozadí webové stránky na bílou a barvu pozadí odstavce (jednotlivého prvku) na červenou.

Základní kód CSS



Příklad




Selektory
tělo
str
V našem příkladu jsou dvě pravidla CSS. Tělo ve značce HTML je selektor, který říká prohlížeči, aby použil styl prvního pravidla na pozadí celé webové stránky. P v HTML

značka říká prohlížeči, aby aplikoval druhé pravidlo na odstavec (prvek) na webové stránce.

Vlastnosti

barva pozadí
Barva pozadí je atribut, který je řízen stylem. V našem příkladu je nastaven atribut barva pozadí pro webovou stránku i odstavec. Za názvem vlastnosti, barva pozadí, následuje dvojtečka (:).

Hodnoty
#ffffff
Červené
Na pravé straně dvojtečky je hodnota barvy pozadí. V našem příkladu se v prvním pravidle použije hexadecimální kód pro bílou barvu (#ffffff) a pro druhé pravidlo se použije název barvy pro červenou (červenou). Můžete také použít barevný kód RGB nebo můžete nastavit hodnotu na průhlednou, pokud chcete, aby byla barva pozadí průhledná.

barva pozadí: průhledná
barva pozadí: rgb (255,0,0)





Video Návody: Tvorba webu - CSS - jak nastavit obrázek na pozadí a jeho varianty - tutoriál č.3 (Smět 2024).