Kako spremeniti barvo ozadja tabele

Mnogi začetniki ali amaterski spletni oblikovalci želijo vedeti, kako spremeniti barvo ozadja tabele. V nekaj minutah se lahko naučite izvedeti to tehniko s tem kratek vadnico. Metoda ni tako zastrašujoča, kot se zdi. Spreminjanje barve ozadja tabele je tako enostavno kot dodajanje enega atributa v celici, vrstici ali tabeli, ki jo želite barvati.

Kako začeti

Atribut bgcolor bo spremenil barvo ozadja tabele, kot tudi trenutno vrstico tabele ali trenutno celico tabele. Toda bgcolorjev atribut je opuščen v korist slogovnih listov, zato to ni najbolj optimalen način za spreminjanje barve ozadja tabele. Boljši način spreminjanja barve ozadja je dodati barvo ozadja v slogu v tabelo, vrstico ali celično oznako. Oglejte si spodnji primer, če želite izvedeti, kako.

Če iz nekega razloga ne želite dodati barve ozadja v slogu v tabelo, obstajajo možnosti, da izberete. Na primer, lahko sloge nastavite v slogovni ploskvi v glavi dokumenta ali v zunanji slogovni list . Oglejte si naslednje:

tabela {background-color: # ff0000; } tr {ozadje-barva: rumena; } td {barva ozadja: # 000; }

Nastavitev barve ozadja

Najboljši način za nastavitev barve ozadja v stolpcu je ustvariti razred sloga in nato dodeliti ta razred celicam v tem stolpcu. Poglej spodnje primere, če želite izvedeti, kako to storiti.

CSS:

td.blueCol {background-color: blue; }

HTML:

class = "blueCol" > celica 1 celica 2
class = "blueCol" > celica 1 celica 2

Zavijanje

Tudi če še niste nikoli spremenili barve ozadja tabele, lahko zgornje primere kopirate, če želite sami preskusiti to metodo. Preizkusite različne predstavljene možnosti in izberite tistega, s katerim se navsezadnje počutite najbolj udobno. Če želite več informacij o tabelah HTML, se za dodatne informacije obrnite na ta pogosta vprašanja .