Ako zmeniť farbu pozadia tabuľky HTML

V tomto článku sú vysvetlené spôsoby zmeny farieb pozadia častí tabuľky na webe.

Staršia metóda používala tento atribút bgcolor zmeniť farbu pozadia tabuľky. Môže sa tiež použiť na zmenu farby riadku tabuľky alebo bunky tabuľky. Atribút bgcolor bol zastaraný v prospech šablón štýlov, takže to nie je optimálny spôsob manipulácie s farbou pozadia tabuľky.

Lepším spôsobom, ako zmeniť farbu pozadia, je pridať vlastnosť štýlu farba pozadia k značke tabuľky, riadku alebo bunky.

Tento príklad zmení farbu pozadia celej tabuľky:

Ak chcete zmeniť farbu jedného riadku, vložte vlastnosť color-color do.

Farbu jednej bunky môžete zmeniť pridaním atribútu k.

Farby pozadia môžete použiť aj na hlavy tabuliek alebo

Zmeňte farbu pozadia pomocou šablón štýlov

Je však lepšie vyhnúť sa použitiu atribútu farba pozadia v prospech správne naformátovanej šablóny štýlov. Môžete napríklad nastaviť štýly v hárku štýlov na HLAVU dokumentu HTML alebo ich umiestniť do

externá štýlová tabuľa. Takéto zmeny v HLAVE alebo v externej predlohe štýlov sa môžu javiť ako tieto pre tabuľky, riadky a bunky:

tabuľka {background-color: # 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 vytvoriť a štýlová trieda a potom ho priradiť k bunkám stĺpca. Vytvorenie triedy vám umožní priradiť túto triedu k bunkám v konkrétnom stĺpci pomocou jedného atribútu.

CSS:

td. ColColor {farba pozadia: modrá; }

HTML:

bunka 1článok 2článok 1článok 2

Jednou z významných výhod ovládania farieb pozadia prostredníctvom šablóny štýlov je, že môžete neskôr zmeniť výber farieb. Namiesto toho, aby ste prechádzali dokumentom HTML a vykonávali zmeny v každej bunke, môžete vykonať jednu zmenu vo výbere farieb v CSS ktoré sa okamžite použijú na všetky prípady, keď class = "ColColor" objaví sa syntax.