Metóda zmeny farieb pozadia častí tabuľky na webových stránkach sa v priebehu rokov zmenila a stala sa ľahšou a menej náročnou pracovnou silou so zavedením štýlov.
Staršia metóda používa atribút bgcolor na zmenu farby pozadia tabuľky. Mohlo by sa tiež použiť na zmenu farby riadka tabuľky alebo bunky tabuľky. Atribút bgcolor bol však zastaraný v prospech šablón štýlov, takže nie je to optimálny spôsob, ako manipulovať s farbou pozadia tabuľky.
Lepším spôsobom, ako zmeniť farbu pozadia, je pridanie farby pozadia farieb štýlu do tabuľky, riadku alebo značky buniek.
Tým sa zmení farba pozadia celej tabuľky:
Ak chcete zmeniť farbu jedného riadku, vložte vlastnosť farby pozadia do okna
tag:
Farbu jednej bunky môžete zmeniť pridaním atribútu na
tag:
|
Môžete použiť aj farby pozadia na hlavičky tabuliek alebo na | tag, rovnakým spôsobom: | Zmena farby pozadia pomocou štýlov
Ak nechcete pridať farbu pozadia farieb štýlu do tabuľky, existujú alternatívne spôsoby nastavenia farby pozadia. Môžete napríklad nastaviť štýly v hárku štýlov na hlavičke HTML dokumentu alebo ich nastaviť do externého štýlu. Zmeny v hlavičke alebo vo vonkajšom štýle sa môžu zobrazovať ako v tabuľkách, riadkoch a bunkách:
tabuľka {farba pozadia: # ff0000; } tr {farba pozadia: žltá; } td {farba pozadia: # 000; } Nastavenie farby pozadia stĺpca
Najlepším spôsobom, ako nastaviť farbu pozadia pre stĺpec, je vytvorenie triedy štýlov a priradenie tejto triedy bunkám v tomto stĺpci. Vytvorenie triedy umožňuje priradiť túto triedu bunkám v konkrétnom stĺpci pomocou jedného atribútu.
CSS:
td.ColColor {farba pozadia: modrá; } HTML:
| bunka 1 | bunka 2 | | bunka 1 | bunka 2 |
Jednou z významných výhod riadenia farieb pozadia prostredníctvom štýlu šablón je možnosť meniť farbu výberu neskôr. Namiesto toho, aby ste prechádzali dokumentom HTML a vykonali ste zmenu na každú bunku, môžete urobiť jednu zmenu výberu farby v CSS a ihneď sa použije na každú inštanciu, kde sa používa trieda = "ColColor". To šetrí obrovské množstvo času a výrazne znižuje pravdepodobnosť chýb, ako napríklad chýbajúca zmena farby buniek.
Aj keď ste predtým nikdy nezmenili farby pozadia tabuľky vo webovom dokumente, môžete tieto príklady skopírovať a experimentovať s touto metódou sami. Budete rýchlo objavovať, ako ľahko je možné vykonávať zmeny farieb pomocou značiek štýlov - najmä štýlov, ak pracujete s veľkými webovými stránkami. Vyskúšajte rôzne ponúkané možnosti a vyberajte ten, ktorý je pre vás najpohodlnejší.
|
