HTML-tabeli taustavärvi muutmine

Selles artiklis selgitatakse veebisaidi tabeli osade taustavärvide muutmise meetodeid.

Vanem meetod kasutas atribuuti bgcolor tabeli taustavärvi muutmiseks. Seda saab kasutada ka tabelirea või tabeliraku värvi muutmiseks. Kuid atribuut bgcolor on stiililehtede kasuks aegunud, seega pole see optimaalne viis tabeli taustavärviga manipuleerimiseks.

Parem viis taustavärvi muutmiseks on stiili atribuudi lisamine taustavärv tabeli, rea või lahtrimärgendi juurde.

See näide muudab kogu tabeli taustavärvi:

Ühe rea värvi muutmiseks sisestage atribuut taustavärv.

Ühe lahtri värvi saate muuta, lisades atribuudi lahtrisse.

Samuti saate taustavärve rakendada lauapeadele või

Taustavärvi muutmine stiililehtede abil

Siiski on parem vältida taustavärvi atribuudi kasutamist õigesti vormindatud stiililehe kasuks. Näiteks saate stiilid seada oma HTML-dokumendi HEAD-is stiililehel või seada need

väline stiilileht. Sellised muudatused HEAD-is või välises stiililehel võivad tabelite, ridade ja lahtrite puhul ilmuda järgmiselt:

tabel {background-color: # ff0000; }
tr {taustavärv: kollane; }
td {taustavärv: # 000; }

Veeru taustavärvi määramine

Parim viis veeru taustavärvi määramiseks on luua stiiliklass ja määrake see seejärel veeru lahtritesse. Klassi loomine võimaldab teil selle klassi määrata ühe veeru lahtritele ühe atribuudi abil.

CSS:

td. ColColor {taustavärv: sinine; }

HTML:

lahter 1cell 2cell 1cell 2

Stiililehe abil taustavärvide juhtimise üks oluline eelis on see, et saate oma värvivalikut hiljem muuta. Selle asemel, et HTML-dokument läbi käia ja igas lahtris muudatusi teha, saate teha ühe muudatuse värvivalikus CSS seda rakendatakse kohe igas juhtumis, kus class = "ColColor" ilmub süntaks.