Kako promijeniti boju pozadine tabele

Mnogi početnici ili amaterski web dizajneri žele znati kako promijeniti boju pozadine tabele. Za nekoliko minuta, možete naučiti kako izvršiti ovu tehniku ​​sa ovim kratkim tutorijalom. Metoda nije toliko zastrašujuća kako izgleda. Promena boje pozadine tablice je jednostavna kao dodavanje jednog atributa na ćeliju, red ili tablicu koju želite obojiti.

Kako započeti

Atribut bgcolor će promijeniti boju pozadine tabele, kao i trenutni red tablice ili trenutnu ćeliju tablice. Ali atribut bgcolor je zastario u korist listova stilova, tako da to nije najoptimalniji način promene boje pozadine u tabeli. Bolji način promene boje pozadine je dodati stil boje pozadine u tabelu, red ili ćelijski tag. Pogledajte primer ispod kako biste saznali kako.

Ako iz nekog razloga ne želite dodati stil boje pozadine u tabelu, postoje alternative koje možete izabrati. Na primjer, možete podesiti stilove u listi stilova u glavu vašeg dokumenta ili u spoljašnjem stilu . Pogledajte sledeće:

tabela {background-color: # ff0000; } tr {background-color: yellow; } td {background-color: # 000; }

Podešavanje boje pozadine

Najbolji način za postavljanje boje pozadine u koloni je kreiranje stila klase, a zatim dodeliti tu klasu ćelijama u tom stupcu. Pogledajte primere ispod kako biste naučili kako to učiniti.

CSS:

td.blueCol {background-color: blue; }

HTML:

class = "blueCol" > ćelija 1 ćelija 2
class = "blueCol" > ćelija 1 ćelija 2

Zavijanje

Čak i ako nikada ranije niste promenili boje pozadine u tablici, možete kopirati gore navedene primjere kako biste sami pokušali ovaj metod. Probajte različite predstavljene opcije i izaberite onaj sa kojim se na kraju osećate najudobnije. I ako želite više informacija o HTML tablicama, konsultujte ovo FAQ za dodatne detalje.