Kako spremeniti barvo ozadja tabele HTML

V tem članku so razloženi načini spreminjanja barv ozadja delov tabele na spletnem mestu.

Starejša metoda je uporabila atribut bgcolor za spremembo barve ozadja tabele. Lahko se uporablja tudi za spreminjanje barve vrstice ali celice tabele. Toda atribut bgcolor je opuščen v korist slogovnih listov, zato to ni najboljši način za upravljanje z barvo ozadja tabele.

Boljši način za spreminjanje barve ozadja je dodajanje lastnosti sloga Barva ozadja v tabelo, vrstico ali oznako celice.

Ta primer spremeni barvo ozadja celotne tabele:

Če želite spremeniti barvo ene vrstice, vstavite barvo ozadja v.

Barvo ene celice lahko spremenite tako, da atribut dodate atributu.

Barve ozadja lahko uporabite tudi na glavah miz ali

Spremenite barvo ozadja z uporabo slogovnih listov

Vendar se je bolje izogibati uporabi atributa barva ozadja v korist pravilno oblikovanega slogovnega lista. Na primer, sloge lahko nastavite v slogovnem listu na GLAVI dokumenta HTML ali pa jih nastavite v

zunanji slogovni list. Takšne spremembe v HEAD ali zunanjem slogovnem listu se lahko prikažejo tako za tabele, vrstice in celice:

tabela {background-color: # ff0000; }
tr {barva ozadja: rumena; }
td {barva ozadja: # 000; }

Nastavitev barve ozadja stolpca

Najboljši način za nastavitev barve ozadja stolpca je ustvariti slogovni razred in ga nato dodelite celicam stolpca. Ustvarjanje razreda vam omogoča, da razredu dodelite celice v določenem stolpcu z enim atributom.

CSS:

td. ColColor {barva ozadja: modra; }

HTML:

celica 1celica 2celica 1celica 2

Pomembna prednost nadzora barv ozadja s slogom je ta, da lahko kasneje spremenite izbiro barve. Namesto da bi prebrskali dokument HTML in naredili spremembo v vsaki posamezni celici, lahko samo enkrat spremenite izbiro barve v CSS ki se bo takoj uporabil za vsak primer, ko class = "ColColor" sintaksa.