Modificarea culorii de fundal a unei tabele

Mulți designeri de novici sau amatori doresc să știe cum să schimbe culoarea de fund a unei mese. Într-o chestiune de minute, puteți învăța cum să executați această tehnică cu acest tutorial scurt. Metoda nu este la fel de intimidantă cum pare. Modificarea culorii de fundal a unui tabel este la fel de simplă ca adăugarea unui atribut pe celula, rândul sau tabelul pe care doriți să îl colorați.

Cum să înceapă

Atributul bgcolor va schimba culoarea de fundal a tabelului, precum și rândul curent al tabelului sau celula tabelului curent. Dar atributul bgcolor este depreciat în favoarea foilor de stil, deci nu este cel mai optim mod de a schimba culoarea de fundal a tabelului. Modul mai bun de a schimba culoarea de fundal este adăugarea culorii de fundal a stilului propriu-zis la tabel, rând sau etichetă de celule. Vedeți exemplul de mai jos pentru a afla cum.

Dacă dintr-un anumit motiv, nu doriți să adăugați la tabel proprietatea de fundal a stilului de proprietate, există alternative de la care să alegeți. De exemplu, puteți seta stilurile într-o foaie de stil în capul documentului dvs. sau într-o foaie de stil externă . Consultați următoarele:

tabelul {background-color: # ff0000; } tr {fundal-culoare: galben; } td {background-color: # 000; }

Setarea culorii de fundal

Cea mai bună modalitate de a seta culoarea de fundal pe o coloană este să creați o clasă de stil și apoi să atribuiți acea clasă celulelor din coloana respectivă. Uitați-vă la exemplele de mai jos pentru a afla cum să faceți acest lucru.

CSS:

td.blueCol {culoare-fundal: albastru; }

HTML:

celula 1 class = "blueCol" > celula 1 celula 2

Înfășurarea în sus

Chiar dacă nu ați schimbat niciodată culorile de fundal ale unei mese, puteți copia exemplele de mai sus pentru a încerca această metodă pe cont propriu. Încercați diferitele opțiuni prezentate și alegeți pe cel cu care vă simțiți în cele mai bune condiții. Și dacă doriți mai multe informații despre tabelele HTML, consultați acest FAQ pentru detalii suplimentare.