Kaip pakeisti lentelės fono spalvą

Daugelis pradedančiųjų ar mėgėjų web dizaineriai nori žinoti, kaip pakeisti lentelės fono spalvą. Per keletą minučių jūs galite sužinoti, kaip atlikti šią techniką su šia trumpa pamoka. Šis metodas nėra toks bauginamas kaip atrodo. Stalo fono spalvos pakeitimas taip pat paprastas, kaip pridėti vieną atributą ląstelėje, eilutėje ar lentelėje, kurią norite spalvoti.

Kaip pradėti

Atributas bgcolor pakeis lentelės fono spalvą, dabartinę lentelės eilutę arba esamą lentelės langelį. Tačiau " bgcolor" atributas nėra laikomas stiliaus lapų naudai, taigi tai nėra optimaliausias būdas pakeisti lentelės fono spalvą. Geresnis fono spalvos keitimo būdas yra lentelės, eilutės ar ląstelės žyma pridėti stiliaus nuosavybės fono spalvą. Toliau pateiktame pavyzdyje sužinosite kaip tai padaryti.

Jei dėl kokių nors priežasčių nenorite lentelėje pridėti stiliaus nuosavybės fono spalvos, yra alternatyvų, iš kurių galite pasirinkti. Pavyzdžiui, stilių galite nustatyti stiliaus lape dokumento viršuje arba išoriniame stiliaus lape . Žiūrėkite:

stalas {fono spalva: # ff0000; } tr {fono spalva: geltona; } td {fono spalva: # 000; }

Fono spalvos nustatymas

Geriausias būdas nustatyti fono spalvą stulpelyje yra sukurti stiliaus klasę ir tada priskirti tai klasei tos stulpelio ląstelėse. Pažvelkite į žemiau pateiktus pavyzdžius, kad sužinotumėte, kaip tai padaryti.

CSS:

td.blueCol {fono spalva: mėlyna; }

HTML:

class = "blueCol" > ląstelė 1 ląstelė 2
class = "blueCol" > ląstelė 1 ląstelė 2

Įpakavimas

Net jei anksčiau niekada nepakeitėte lentelės fono spalvų, galite nukopijuoti pirmiau pateiktus pavyzdžius, kad išbandytumėte šį metodą savo. Išbandykite įvairias pasirinktas parinktis ir pasirinkite tą, su kuria jūs galų gale labiausiai jausitės. Jei norite gauti daugiau informacijos apie HTML lenteles, skaitykite šį DUK , jei norite gauti papildomos informacijos.