Jak změnit barvu pozadí a textu webové stránky

Níže jsou uvedeny kroky, jak můžete změnit barvu pozadí webové stránky v HTML a CSS. Ačkoliv lze barvu pozadí provést pomocí tagu HTML BODY, doporučujeme zadat hodnoty barvy pozadí v CSS, jak je uvedeno níže.

Tip: Při definování barvy libovolného prvku webové stránky budete možná muset použít barevné kódy HTML. U hlavních barev můžete také zadat názvy těchto barev namísto použití barevných kódů, například červené, modré, zelené a černé namísto použití jejich respektovaných hodnot barevného kódu.

Příklad CSS

V níže uvedeném příkladu CSS nastavujeme tělo tak, aby mělo barvu pozadí černé přidáním "barvy pozadí: # 000;" v tělesném bloku. Protože barva pozadí je černá, musí se také změnit barva textu nebo nebude zobrazena. Přidáním "color: #fff;" nastavíme barvu textu na bílou. do bloku.

 body {font-family: Helvetica, Arial, sans-serif; barva pozadí: # 000; barva: #ff; } 

Pokud vaše stránka nepoužívá CSS nebo nechcete konvertovat na CSS, níže jsou uvedeny kroky, jak to provést ve značce BODY v kódu HTML. Nicméně, jak bylo uvedeno výše, doporučujeme použít výše uvedený kód CSS namísto značky těla. Používáte-li styl CSS, můžete jednou změnit hodnoty barev pozadí a tyto změny se automaticky použijí na všechny prvky HTML pomocí tohoto stylu.

Příklad HTML tagu těla

V některých velmi vzácných situacích nemusí být možné použít CSS. V těchto situacích můžete také definovat barvu pozadí, barvu textu, barvu odkazu a další hodnoty v tagu těla HTML, jak je uvedeno níže.

Níže jsou uvedeny popisy každého z atributů HTML v tagu těla.

TEXT = Barva textu.

LINK = Barva odkazů.

VLINK = Barva navštíveného odkazu.

ALINK = Barva aktivního odkazu nebo barvy, na kterou se odkaz změní, když na něj kliknete.

BGCOLOR = Barva pozadí stránky.

Tip: Chcete-li lépe ilustrovat všechny výše uvedené hodnoty, na této stránce je barva odkazu modrá, odkazy, které jste navštívili, jsou fialové, a odkazy, které jsou umístěny nad nebo klepnutím, jsou červené.