Miten muuttaa väriäTaulukko

taulukko web-sivu on luotu HTML & lt; pöytä & gt;tag.Se koostuu rivejä ja sarakkeita, kuten taulukkolaskenta.Väri voidaan lisätä TAULUKKO, TR (rivi), ja TD (solu) Tunnisteet erikseen.Tämä voidaan tehdä HTML määrite "bgcolor", joka tosin Deprecated on edelleen tunnustettu web-selaimet, tai käyttämällä CSS (CSS) ja "tausta" tyyliattribuutti, joka on suositeltava tapa moderni web-sivujen suunnittelu.

mitä tarvitset

  • Web editointiohjelmiston HTML-koodin katso Web Browser

käyttäminenHTML Ominaisuudet

  1. Open Web muokkausohjelmisto ja web-sivun, joka sisältää taulukon haluat lisätä väriä, tai luoda uuden web-sivun ja lisätä taulukon siihen.

  2. Näytä HTML-koodi Web-sivun muokkausohjelmalla työkalu.Adobe Dreamweaver, esimerkiksi, klikkaa "Code" tai "Split" -painiketta yläosassa muokkausikkunan.

  3. Aseta määrite "bgcolor" ja värin valinta omalle & lt; pöytä & gt ;, & lt; TR & gt;tai & lt; TD & gt;HTML-koodi, jos haluat vaihtaa taustavärin käyttämällä vanhaa tapaa.Koodi näyt

    täisi samanlainen: & lt; pöytä bgcolor = # 990000 width = "100%" border = "0" & ​​gt ;, & lt; tr bgcolor = "# 9900CC" & gt;tai & lt; td bgcolor = "# 9900CC" & gt ;.

    HTML bgcolor Taito
  4. Tallenna tiedosto muutokset ja ladata web-sivun Web-palvelimeen nähdäksesi taulukkoon värit selaimessasi.

CSS Styles

  1. Lisää & lt; TYYLI & gt;tunniste & lt; head & gt;osa Web-sivun (edellä body) ja lisää CSS väri määritelmiä hallita ulkonäkö kaikki taulukot Web-sivulla.Koodi näyttäisi samanlainen: & lt; tyyli & gt;table {background-color: # FF0000;} & Lt; / tyyli & gt ;.Sitten tahansa asetat & lt; pöytä & gt;tag kehossa tämän sivun, se on tämä väri.

    CSS Style Tag
  2. Aseta CSS tyylimääritystä suoraan & lt; pöytä & gt;tag elimistössä sivun, jos haluat vaihtaa väriä vain yksi taulukko sivulla, joka on paljon.Koodi näyttäisi samanlainen: & lt; pöytä style = "background-color: # 0033CC" width = "100%" border = "0" & ​​gt ;.

    CSS Style taulukossa Tag
  3. Aseta tyylimääritystä hallita taustavärin yksittäisten taulukon rivin tageja (TR) tai taulukon solun tunnisteet (TD) kuten teit & lt; pöytä & gt;tag vaiheessa 2. Tämä koodi näyttäisi samanlainen: & lt; p style = "background-color: # 0033CC" & gt;ja & lt; td style = "background-color: # 0033CC" & gt ;.

  4. Tallenna tiedosto muutokset ja ladata web-sivun Web-palvelimeen nähdäksesi taulukkoon värit selaimessasi.

Vinkkejä & amp;Varoitukset

  • taulukko "raja" voi myös olla värillinen CSS-attribuutilla: style = "border-color: #".

Resurssit

  • taulukossa Tag HTML-asiakirjat
  • CSS: Taulukon ominaisuudet
542
0
3
Web Suunnittelu