Taulukon taustan värin muuttaminen

Monet aloittelevat tai amatööri-web-suunnittelijat haluavat tietää, miten muuttaa taulukon taustaväriä. Minun muutamassa minuutissa voit oppia tekemään tämän tekniikan tällä lyhyellä opetusohjelmalla. Menetelmä ei ole niin pelottavaa kuin se tuntuu. Pöydän taustan värin muuttaminen on yhtä helppoa kuin yhden attribuutin lisääminen värilliseen soluun, riviin tai taulukkoon.

Miten aloittaa

Attribuutti bgcolor muuttaa taulukon taustaväriä sekä nykyisen taulukkorivin tai nykyisen taulukon solun. Mutta bgcolor- attribuutti on vanhentunut tyyliarkkien hyväksi, joten se ei ole optimaalinen tapa muuttaa taustan taustaväriä. Parempi tapa muuttaa taustavärin on lisätä tyyliominaisuuden taustaväri taulukkoon, riviin tai solun tunnisteeseen. Katso esimerkki alla saadaksesi lisätietoja.

Jos jostain syystä et halua lisätä tyyliominaisuuden taustaväriä taulukkoon, on olemassa vaihtoehtoja, joista valita. Voit esimerkiksi asettaa tyylejä tyylitiedostoon asiakirjan otsassa tai ulkoisessa tyylitiedostossa . Katso seuraavat kohdat:

taulukko {taustaväri: # ff0000; } tr {taustaväri: keltainen; } td {taustaväri: # 000; }

Taustan värin asettaminen

Paras tapa asettaa taustaväri sarakkeelle on luoda tyyliluokka ja määrittää sitten luokki tämän sarakkeen soluihin. Katso esimerkkejä alla olevista esimerkeistä.

CSS:

td.blueCol {taustaväri: sininen; }

HTML:

cell 2
class = "blueCol" > solu 1 solu 2

Käärimistä

Vaikka et ole koskaan muuttanut taulukon taustavärejä, voit kopioida yllä olevat esimerkit kokeilemaan tätä menetelmää omalla tavallaan. Kokeile esitettyjä vaihtoehtoja ja valitse sellainen, jonka kanssa lopulta tuntuu mukavalta. Jos haluat lisätietoja HTML-taulukoista, tutustu tähän FAQ-kysymykseen saadaksesi lisätietoja.