Metoda de schimbare a culorilor de fundal ale părților unei tabele de pe un site sa schimbat de-a lungul anilor, devenind mai ușoară și mai puțin intensivă prin introducerea foilor de stil.
Metoda mai veche a folosit atributul bgcolor pentru a schimba culoarea de fundal a unui tabel. Ar putea fi de asemenea folosit 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 fundalului unui tabel.
Cea mai bună modalitate de a schimba culoarea de fundal este să adăugați culoarea de fundal a stilului de proprietate în tabel, rând sau etichetă de celule.
Aceasta va schimba culoarea de fundal a unui întreg tabel:
Pentru a modifica culoarea unui singur rând, introduceți proprietatea de culoare-fundal în
etichetă:
Puteți modifica culoarea unei singure celule adăugând atributul la
etichetă:
|
De asemenea, puteți aplica culorile de fundal pentru capete de tabel sau pentru | tag, în același mod: | Modificarea culorii fundalului utilizând foile de stil
Dacă nu doriți să adăugați culoarea de fundal a stilului propriu-zis în tabel, există moduri alternative de a seta culoarea de fundal. De exemplu, puteți seta stilurile într-o foaie de stil la HEAD a documentului HTML sau le puteți seta într-o foaie de stil externă. Modificările acestea în HEAD sau într-o foaie de stil extern ar putea să apară ca acestea pentru tabele, rânduri și celule:
tabelul {background-color: # ff0000; } tr {fundal-culoare: galben; } td {background-color: # 000; } Setarea culorii fundalului coloanei
Cea mai bună modalitate de a seta culoarea de fundal pentru o coloană este să creați o clasă de stil și apoi să atribuiți acea clasă celulelor din coloana respectivă. Crearea unei clase vă permite să alocați acea clasă celulelor dintr-o coloană specifică folosind un atribut.
CSS:
td.ColColor {culoare-fundal: albastru; } HTML:
| celula 1 | celula 2 | | celula 1 | celula 2 |
Un avantaj semnificativ al controlului culorilor de fundal printr-o foaie de stil este abilitatea de a schimba alegerea culorii la o dată ulterioară. Mai degrabă decât să trebuiască să treceți prin documentul HTML și să efectuați modificarea fiecărei celule, puteți efectua o singură modificare a opțiunii de culoare în CSS și va fi aplicată imediat în fiecare instanță în care este utilizată clasa = "ColColor". Acest lucru economisește cantități enorme de timp și reduce foarte mult șansele de erori, cum ar fi lipsa unei modificări a culorii celulei.
Chiar dacă nu ați schimbat niciodată culorile de fundal ale unui tabel într-un document web, puteți copia exemplele de mai sus și puteți experimenta cu această metodă pe cont propriu. Veți descoperi rapid cât de ușor este să faceți schimbări de culoare utilizând etichete de stil - în special foi de stil dacă lucrați cu site-uri mari. Încercați diferitele opțiuni prezentate și alegeți cel care este în cele din urmă cel mai confortabil pentru dvs.
|
