Cum se schimba culoarea tabelului din html

Credeți că masa de alb-negru arată plictisitor? Asta e ceea ce credem! Prin urmare, în această lecție vom vorbi despre modul de a schimba culoarea tabelului din HTML. Există trei moduri de a adăuga culoare, pentru fiecare dintre care este proprietatea sa.

1. Specificarea culorilor de fundal a celulei. Prin utilizarea proprietăților culoare de fundal.
2. Observați culoarea textului din celule. Proprietăți prin utilizarea de culori.
3. Precizați culoarea ramelor de celule. Proprietăți prin utilizarea de frontieră culori.

Anterior, pentru a schimba culoarea, aplicat peste forma comprimată a descrierii cadrului. Se pare ca acest lucru:

Iar pentru culoarea corespunde aici ultima parte - lightrgay.

Există diferite moduri de a seta culorile în CSS. Vă vom arăta modul în care descrierea de culoare cu ajutorul atributelor.

Cum se schimba culoarea celulei

Să vedem cum arată codul în CSS. pentru a specifica o culoare pentru celula.

Desigur, puteți schimba culoarea și masa. și td. și Th. Să încercăm să dea masa noastră de multiplicare un aspect mai solid.

Adăugați stil la antetele de celule cu tag-lea. precum și pentru celulele de pe o diagonală, în care există pătrate de numere întregi:

Rezultatul în browser:

Cum se schimba culoarea cadrului, în tabel

Dupa cum se poate vedea în exemplul de mai sus, în tabel am schimbat culoarea cadrului. Pentru a face acest lucru, am folosit granița de proprietate. Se precizează parametrii în ordinea enumerate mai jos:

1. tip linie, în acest caz, solid (continuu)
2. grosime de linie, în acest caz 1pixel
3. linie de culoare, în acest caz, albastru

Reamintim, din nou, arata ca culoarea sarcina de frontieră pentru celula:

Cum se schimba culoarea liniei din tabelul

Deci, vom învățat să schimbe culorile celulelor și antetele de celule folosind caracteristici CSS. Dacă vom specifica stiluri de tag-uri, cum ar fi mii sau td. ar trebui să înțeleagă că stilurile se vor aplica etichetele rămase.

Cu toate acestea, există situații când este necesar pentru a schimba culoarea unei anumite celule sau celule multiple, sau întregul șir. Ce se poate face în acest caz? Acesta ar trebui să utilizeze clasele, precum și la utilizarea stilurilor lor. În practică, se pare ca acest lucru:

Și pentru a schimba culoarea cu această clasă sunt anumite rânduri, procedați în felul următor:

Rezultatul în browser:

Cum se schimba culoarea textului din tabel

Pentru a schimba culoarea textului din tabel folosește o proprietate de culoare. Aplicare este posibilă o varietate de elemente: un tabel, tr, th, TD. În funcție de culoarea elementului selectat va fi schimbat. De exemplu, pentru întregul tabel vom defini o culoare font verde:

În mod similar, puteți schimba culoarea pentru celule individuale. Și în această lecție este de peste, asigurați-vă că pentru a face temele. Pa toată lumea!