Stalo dalių fono spalvų keitimo tinklalapyje metodas keletą metų pasikeitė, tapo lengviau ir mažiau darbo jėgos, įvedus stiliaus lapus.
Senesnis metodas naudojo atributą bgcolor, kad pakeistumėte lentelės fono spalvą. Jis taip pat gali būti naudojamas pakeisti lentelės eilutės arba lentelės elemento spalvą. Tačiau "bgcolor" atributas nebuvo laikomas stiliaus lapų naudai, todėl tai nėra optimalus būdas manipuliuoti lentelės fonine spalva.
Geresnis fono spalvos keitimo būdas yra lentelės, eilės ar ląstelės žyma pridėti stiliaus nuosavybės fono spalvą.
Tai pakeis visos lentelės fono spalvą:
Norėdami pakeisti vienos eilutės spalvą, įterpkite fono spalvos nuosavybę
tag:
Galite pakeisti vieno elemento spalvą, pridedant atributą į
tag:
|
Galite taip pat pritaikyti fono spalvas stalo galvutėms arba | žyma taip pat: | Pakeiskite fono spalvą naudojant stiliaus lapus
Jei nenorite lentelėje pridėti stiliaus nuosavybės fono spalvos, gali būti alternatyvių fono spalvų nustatymo būdų. Pavyzdžiui, HTML stiliaus antraštėje galite nustatyti stilių stiliaus lape arba nustatyti išorinį stiliaus lapą. Pakeitus šiuos HEAD arba išorės stiliaus lape, lentelės, eilutės ir langeliai gali atrodyti tokie:
stalas {fono spalva: # ff0000; } tr {fono spalva: geltona; } td {fono spalva: # 000; } Fono spalvos kolonos nustatymas
Geriausias būdas nustatyti kolonėlės fono spalvą yra sukurti stiliaus klasę ir tada priskirti tai klasei tos stulpelio ląstelėse. Klasės sukūrimas leidžia priskirti šią klasę konkretaus stulpelio langeliuose, naudojant vieną atributą.
CSS:
td.ColColor {fono spalva: mėlyna; } HTML:
| ląstelė 1 | ląstelė 2 | | ląstelė 1 | ląstelė 2 |
Vienas svarbus pranašumas valdant fono spalvas per stiliaus lapą - tai galimybė vėliau keisti spalvų pasirinkimą. Užuot vykdę HTML dokumentą ir pakeisdami kiekvieną langelį, galite atlikti vieną spalvų pasirinkimo pakeitimą CSS, ir jis bus nedelsiant taikomas kiekvienam atvejiui, kai naudojama klasė = "ColColor". Tai sutaupo daug laiko ir labai sumažina klaidų tikimybę, pvz., Trūksta ląstelių spalvų pasikeitimo.
Net jei anksčiau jūs niekada nepakeitėte lentelės fono spalvų žiniatinklyje, galite nukopijuoti pirmiau pateiktus pavyzdžius ir eksperimentuoti su šiuo metodu atskirai. Jei greitai dirbate su didelėmis svetainėmis, greitai sužinosite, kaip lengva padaryti spalvų pakeitimus naudojant stilių žymas, ypač stiliaus lapus. Išbandykite įvairias pasirinktas parinktis ir pasirinkite tą, kuris galiausiai jums labiausiai tinka.
|
