Cum se schimbă culoarea de fundal a unui tabel HTML

Acest articol explică metodele pentru schimbarea culorilor de fundal ale părților unui tabel de pe un site web.

Metoda mai veche a folosit atributul bgcolor pentru a schimba culoarea de fundal a unui tabel. Poate fi folosit și pentru a schimba culoarea unui rând de tabel sau a unei celule de tabel. Dar atributul bgcolor a fost depreciat în favoarea foilor de stil, deci nu este modalitatea optimă de a manipula culoarea de fundal a unui tabel.

Cel mai bun mod de a schimba culoarea de fundal este să adăugați proprietatea stilului culoare de fundal la tabel, rând sau etichetă de celulă.

Acest exemplu schimbă culoarea de fundal a unui întreg tabel:

Pentru a schimba culoarea unui singur rând, introduceți proprietatea de culoare de fundal în.

Puteți schimba culoarea unei singure celule adăugând atributul la.

De asemenea, puteți aplica culori de fundal capetelor de masă sau

Schimbați culoarea de fundal folosind Foi de stil

Cu toate acestea, este mai bine să evitați utilizarea atributului fundal-culoare în favoarea unei foi de stil formatate corect. De exemplu, puteți seta stilurile într-o foaie de stil la HEAD-ul documentului HTML sau le puteți seta într-un foaie de stil externă. Modificări ca acestea în HEAD sau într-o foaie de stil externă pot apărea astfel pentru tabele, rânduri și celule:

tabel {fundal-culoare: # ff0000; }
tr {fundal-culoare: galben; }
td {fundal-culoare: # 000; }

Setarea culorii de fundal a coloanei

Cel mai bun mod de a seta culoarea de fundal pentru o coloană este să creați un fișier clasa de stil și apoi atribuiți-o celulelor coloanei. Crearea unei clase vă permite să atribuiți acea clasă celulelor dintr-o coloană specifică utilizând un atribut.

CSS:

td. ColColor {fundal-culoare: albastru; }

HTML-ul:

celula 1cel 2cell 1cell 2

Un avantaj semnificativ al controlului culorilor de fundal printr-o foaie de stil este că vă puteți schimba alegerea culorii mai târziu. În loc să parcurgeți documentul HTML și să modificați fiecare celulă, puteți efectua o singură modificare a alegerii culorii din CSS care se va aplica imediat fiecărei instanțe în care class = "ColColor" apare sintaxa.