Kaip pakeisti HTML lentelės fono spalvą

click fraud protection

Ką reikia žinoti

  • Lengviausia: pridėkite stiliaus savybę fono spalva prie lentelės, eilutės ar langelio žymos.
  • Kitas paprasčiausias: naudokite atributą bgcolor.

Šiame straipsnyje paaiškinami metodai, kaip pakeisti lentelės dalių fono spalvas svetainėje.

Kompiuterio scenarijus oranžinės ir mėlynos spalvos su juodu fonu

Atributą naudojo senesnis metodas bgcolor norėdami pakeisti lentelės fono spalvą. Jis taip pat gali būti naudojamas lentelės eilutės ar langelio spalvai pakeisti. Tačiau „bgcolor“ atributas buvo nebenaudojamas stiliaus lapų naudai, todėl tai nėra optimaliausias būdas manipuliuoti lentelės fono spalva.

Geresnis būdas pakeisti fono spalvą yra pridėti stiliaus savybę fono spalva prie lentelės, eilutės ar langelio žymos.

Šis pavyzdys keičia visos lentelės fono spalvą:


Norėdami pakeisti vienos eilutės spalvą, įterpkite fono spalvos ypatybę.


Galite pakeisti vienos langelio spalvą, pridėdami atributą prie.


Taip pat galite pritaikyti fono spalvas lentelių galvutėms arba


Pakeiskite fono spalvą naudodami stiliaus lapus

Tačiau geriau vengti fono spalvos atributo naudoti tinkamai suformatuoto stiliaus lapo naudai. Pvz., Galite nustatyti stilius stiliaus lape, esančiame HTML dokumento GALVĖJE, arba juos nustatyti

instagram viewer
išorinis stiliaus lapas. Tokie pakeitimai HEAD arba išoriniame stiliaus lape gali būti rodomi lentelėse, eilutėse ir langeliuose:

lentelė {background-color: # ff0000; }
tr {fono spalva: geltona; }
td {fono spalva: # 000; }

Stulpelio fono spalvos nustatymas

Geriausias būdas nustatyti stulpelio fono spalvą yra sukurti stiliaus klasė tada priskirkite jį stulpelio langeliams. Sukūrę klasę galite priskirti tą klasę konkretaus stulpelio langeliams naudodami vieną atributą.

CSS:

td. „ColColor“ {fono spalva: mėlyna; }

HTML:


langelis 1cell 2cell 1cell 2

Vienas reikšmingas fono spalvų valdymo per stiliaus lapą privalumas yra tai, kad vėliau galėsite pakeisti savo spalvų pasirinkimą. Užuot peržiūrėję HTML dokumentą ir keisdami kiekvieną langelį, galite vieną kartą pakeisti spalvų pasirinkimą CSS tai bus nedelsiant pritaikyta kiekvienam atvejui, class = "ColColor" pasirodo sintaksė.

Nors įsiterpęs CSS į HTML arba iškviesdamas atskirą CSS failą, prideda šiek tiek administracinių išlaidų, ne tik modifikuodamas. HTML atributas, pastebėsite, kad pasikliaudami CSS, sumažinsite klaidas, pagreitinsite plėtrą ir pagerinsite savo tinklo perkeliamumą dokumentas.

instagram story viewer