Az alábbiakban bemutatjuk, hogyan módosíthatja a HTML és a CSS weblapjának háttérszínét. Bár a háttérszín a HTML BODY címkével is elvégezhető, javasoljuk, hogy a háttérszín értékeit a CSS-ben adja meg az alábbiak szerint.

Tipp: Bármely webes elem színének meghatározásakor szükség lehet HTML színkódok használatára. A fő színek esetében a színkódok használata helyett megadhatja a színek nevét is, például piros, kék, zöld és fekete, ahelyett, hogy a színkód értékeket használná.

CSS példa

Az alábbi CSS példában a testet fekete háttérszínnel állítjuk be a "háttérszín: # 000;" a testblokkban. Mivel a háttérszín fekete, a szöveg színének is megváltoznia kell, vagy nem jelenik meg. Így a szöveg színét fehérre állítjuk a "szín: #fff;" a blokkba.

 test {font-family: Helvetica, Arial, sans-serif; background-color: # 000; szín: #fff; } 

Ha az oldal nem használja a CSS-t, vagy nem akarja a CSS-re konvertálni, az alábbiakban a HTML-kód BODY-címkéjében tett lépéseket követjük. Azonban, amint azt korábban említettük, a testcímke helyett nagyon ajánljuk a fenti CSS kód használatát. CSS stílus használata esetén módosíthatja a háttérszín értékeket egyszerre, és a módosítások automatikusan alkalmazandók az összes HTML elemre, amelyek ezt a stílust használják.

HTML testcímke példa

Néhány nagyon ritka esetben előfordulhat, hogy a CSS-t nem lehet használni. Ezekben a helyzetekben meghatározhatja a háttérszínt, a szövegszínt, a linkszínt és a HTML testcímke más értékeit az alábbiak szerint.

Az alábbiakban a testcímke minden HTML-attribútumának leírása található.

TEXT = A szöveg színe.

LINK = A linkek színe.

VLINK = Látogatott link színe.

ALINK = Az aktív hivatkozás színe, vagy a hivatkozás színére kattintva.

BGCOLOR = Az oldal háttérszíne.

Tipp: A fenti értékek jobb bemutatásához ezen a lapon a link színe kék, a meglátogatott linkek lila színűek, és a linkek, amelyek fölé vagy rákattintottak, pirosak.