Kako promijeniti boju pozadine HTML tablice

Ovaj članak objašnjava metode za promjenu boje pozadine dijelova tablice na web mjestu.

Starija metoda koristila je atribut bgcolor za promjenu boje pozadine tablice. Također se može koristiti za promjenu boje retka tablice ili ćelije tablice. Ali atribut bgcolor zastario je u korist tabela stilova, pa to nije optimalan način manipulacije bojom pozadine tablice.

Bolji način promjene boje pozadine je dodavanje svojstva style boja pozadine na tablicu, redak ili oznaku ćelije.

Ovaj primjer mijenja boju pozadine cijele tablice:

Da biste promijenili boju jednog retka, umetnite svojstvo background-color u.

Možete promijeniti boju jedne ćelije dodavanjem atributa u.

Također možete primijeniti boje pozadine na glave stolova ili

Promijenite boju pozadine pomoću tabela stilova

Međutim, bolje je izbjegavati korištenje atributa pozadinske boje u korist ispravno oblikovanog lista stilova. Na primjer, stilove možete postaviti u listu sa stilovima u GLAVI vašeg HTML dokumenta ili ih postaviti u

vanjska tablica stilova. Promjene poput ovih u HEAD ili vanjskom listu stilova mogu se pojaviti poput ovih za tablice, retke i ćelije:

tablica {background-color: # ff0000; }
tr {boja pozadine: žuta; }
td {pozadina-boja: # 000; }

Postavljanje boje pozadine stupca

Najbolji način postavljanja boje pozadine za stupac je stvaranje a stil klase a zatim ga dodijelite stanicama stupca. Stvaranje klase omogućuje vam dodjeljivanje te klase stanicama u određenom stupcu pomoću jednog atributa.

CSS:

td. ColColor {boja pozadine: plava; }

HTML:

ćelija 1ćelija 2ćelija 1ćelija 2

Jedna od značajnih prednosti upravljanja pozadinskim bojama putem stilskog lista je ta što svoj izbor boja možete kasnije promijeniti. Umjesto da prolazite kroz HTML dokument i unosite promjene u svaku pojedinu ćeliju, možete napraviti jednu promjenu u izboru boja u CSS koji će se odmah primijeniti na svaku instancu u kojoj class = "ColColor" pojavljuje se sintaksa.