Kā mainīt HTML tabulas fona krāsu

Šajā rakstā ir izskaidrotas metodes, kā mainīt tabulas daļu fona krāsas vietnē.

Vecākā metode izmantoja atribūtu bgcolor lai mainītu tabulas fona krāsu. To var arī izmantot, lai mainītu tabulas rindas vai tabulas šūnas krāsu. Bet atribūts bgcolor ir novecojis par labu stila lapām, tāpēc tas nav optimālākais veids, kā manipulēt ar tabulas fona krāsu.

Labāks veids, kā mainīt fona krāsu, ir stila rekvizīta pievienošana fona krāsa tabulas, rindas vai šūnas tagam.

Šis piemērs maina visas tabulas fona krāsu:

Lai mainītu vienas rindas krāsu, ievietojiet rekvizītu fona krāsa.

Varat mainīt vienas šūnas krāsu, pievienojot atribūtu.

Fona krāsas var lietot arī galda virsmām vai

Mainiet fona krāsu, izmantojot stila lapas

Tomēr labāk izvairīties no fona krāsas atribūta izmantošanas pareizi noformētai stila lapai. Piemēram, jūs varat iestatīt stilus stila lapā sava HTML dokumenta GALVĀ vai iestatīt tos stilā

ārējā stila lapa. Šādas izmaiņas HEAD vai ārējā stila lapā tabulām, rindām un šūnām var parādīties šādi:

tabula {background-color: # ff0000; }
tr {fona krāsa: dzeltena; }
td {fona krāsa: # 000; }

Kolonnas fona krāsas iestatīšana

Labākais veids, kā iestatīt kolonnas fona krāsu, ir izveidot stila klase un pēc tam piešķiriet to kolonnas šūnām. Izveidojot klasi, varat piešķirt šo klasi konkrētas kolonnas šūnām, izmantojot vienu atribūtu.

CSS:

td. ColColor {fona krāsa: zila; }

HTML:

šūna 1cell 2cellcellcellcell 2

Viena būtiska fona krāsu vadības priekšrocība, izmantojot stila lapu, ir tā, ka vēlāk varat mainīt krāsu izvēli. Tā vietā, lai ietu cauri HTML dokumentam un veiktu izmaiņas katrā atsevišķā šūnā, jūs varat veikt vienu izmaiņu krāsu izvēlnē CSS tas nekavējoties tiks piemērots visām lietām, kurās class = "ColColor" parādās sintakse.