Menetelmä verkkosivuilla olevien taulukon osien taustavärien muuttamiseksi on muuttunut vuosien varrella, helpompaa ja vähemmän työvoimavaltaista tyyliarkkien käyttöönottoa.
Vanhempi menetelmä käyttää attribuuttia bgcolor muuttaa taulukon taustaväriä. Sitä voidaan käyttää myös taulukkorivin tai taulukon solun värin muuttamiseen. Mutta bgcolor-attribuutti on hylätty tyyliarkkien hyväksi, joten se ei ole optimaalinen tapa muokata taustan taustan väriä.
Parempi tapa muuttaa taustavärin on lisätä tyyliominaisuuden taustaväri taulukkoon, riviin tai solun tunnisteeseen.
Tämä muuttaa koko taulukon taustaväriä:
Jos haluat muuttaa yhden rivin väriä, lisää taustaväri-ominaisuus
tag:
Voit muuttaa yhden solun värin lisäämällä attribuutin kohteeseen
tag:
|
Voit myös käyttää taustavärejä pöydän päihin tai | samalla tavalla: | Muuta taustaväriä tyylisivujen avulla
Jos et halua lisätä tyyliominaisuuden taustaväriä taulukkoon, on vaihtoehtoisia tapoja asettaa taustan väri. Voit esimerkiksi asettaa tyylejä tyylitiedostoon HTML-asiakirjan HEAD: ssä tai asettaa ne ulkoiseen tyyliin. Muutokset, jotka ovat HEAD: ssä tai ulkoisessa tyylitiedossa, voivat näyttää tällaisilta taulukoille, riveille ja soluille:
taulukko {taustaväri: # ff0000; } tr {taustaväri: keltainen; } td {taustaväri: # 000; } Sarakkeen taustan värin asettaminen
Paras tapa määrittää taustaväri sarakkeelle on luoda tyyliluokka ja määrittää sitten luokki tämän sarakkeen soluihin. Luokan luominen mahdollistaa kyseisen luokan määrittämisen tietylle sarakkeelle soluihin käyttämällä yhtä attribuuttia.
CSS:
td.ColColor {taustaväri: sininen; } HTML:
| solu 1 | solu 2 | | solu 1 | solu 2 |
Yksi merkittävä etu taustavärien ohjaamisessa tyyliarkin avulla on mahdollisuus vaihtaa värivalikoimaasi myöhemmin. Sen sijaan, että joutuisit käymään läpi HTML-dokumentin ja tekemään muutoksen jokaiselle solulle, voit tehdä yksittäisen muutoksen CSS-värivalintaan ja sitä sovelletaan välittömästi jokaiseen tapaukseen, jossa käytetään luokan = "ColColor". Tämä säästää valtavia määriä aikaa ja vähentää huomattavasti virheiden mahdollisuuksia, kuten solujen värimuutoksen puuttumista.
Vaikka et ole koskaan muuttanut taulukon taustavärejä verkkoasiakirjassa, voit kopioida yllä olevat esimerkit ja kokeilla tätä menetelmää omalla tavalla. Löydät nopeasti, kuinka helppoa on tehdä värimuutoksista tyylitunnisteita, varsinkin tyyliarkeja, jos työskentelet suurien verkkosivustojen kanssa. Kokeile esiteltyjä eri vaihtoehtoja ja valitse se, joka on lopulta mukavin sinulle.
|
