Ako zmeniť farbu pozadia a textu webovej stránky



Príklady farieb

Ďalej sú uvedené kroky, ako môžete zmeniť farbu pozadia webovej stránky v HTML a CSS. Aj keď farbu pozadia je možné vykonať pomocou kódu HTML TELO deň , odporúčame vám zadať hodnoty farieb pozadia v CSS ako je uvedené nižšie.

html kód pre odrážky
Tip



Pri definovaní farby ľubovoľného prvku webovej stránky bude pravdepodobne potrebné použiť Farebné kódy HTML . Pre hlavné farby môžete namiesto použitia farebných kódov tiež určiť názvy týchto farieb, napríklad červenú, modrú, zelenú a čiernu namiesto použitia ich rešpektovaných hodnôt farebných kódov.

Príklad CSS

V príklade CSS uvedenom nižšie nastavujeme, aby telo malo čiernu farbu pozadia pridaním výrazu „background-color: # 000;“ v bloku tela. Pretože je farba pozadia čierna, musí byť farba textu zmenená na svetlejšiu, inak nebude viditeľná. Nastavujeme teda farbu textu na bielu pridaním výrazu „color: #fff;“ do bloku.

body { font-family:Helvetica,Arial,sans-serif; background-color:#000; color:#fff; }

Ak stránka nepoužíva CSS, nižšie sú kroky na dosiahnutie rovnakého štýlu v značke BODY značky HTML . Ako sme však už uviedli, dôrazne odporúčame namiesto značky body použiť vyššie uvedený kód CSS. Ak používate štýl CSS, môžete raz zmeniť hodnoty farieb pozadia a zmeny sa pomocou tohto štýlu automaticky použijú na všetky prvky HTML.

Príklad značky tela HTML

Vo veľmi zriedkavých situáciách nemusí byť možné použiť CSS. V týchto situáciách môžete tiež definovať farbu pozadia, farbu textu, farbu odkazu a ďalšie hodnoty v značke tela HTML, ako je uvedené nižšie.

Nižšie uvádzame popisy všetkých atribútov HTML v značke body.

TEXT = Farba textu.
LINK = Farba odkazov.
VLINK = Navštívená farba odkazu.
ODKAZ = Farba aktívneho odkazu alebo farba, na ktorú sa odkaz zmení po kliknutí.
BGCOLOR = Farba pozadia stránky.

Tip

Na tejto stránke odkaz farba je modrá, odkazy, ktoré ste už navštívili, sú fialové a odkazy, na ktoré umiestnite kurzor myši, alebo kliknite sú sfarbené do červena.