Kako promijeniti boju pozadine tablice

Mnogi početnici ili amaterski web dizajneri žele znati kako promijeniti boju pozadine tablice. Za nekoliko minuta možete naučiti kako izvršiti ovu tehniku ​​s ovim kratkim vodičem. Metoda nije tako zastrašujuća kao što se čini. Promjena boje pozadine tablice je jednostavna kao dodavanje jednog atributa na ćeliju, redak ili stol koji želite bojati.

Kako započeti

Atribut bgcolor će promijeniti boju pozadine tablice, kao i trenutni redak tablice ili trenutnu ćeliju tablice. Ali atribut bgcolor je obustavljen u korist stilskih listova pa nije najbolji način za promjenu pozadinske boje tablice. Bolji način promjene boje pozadine je dodavanje boje pozadine stila entiteta u tablicu, retku ili ćeliju. Pogledajte primjer u nastavku da biste saznali kako.

Ako iz nekog razloga ne želite dodati pozadinsku boju entiteta stila u tablicu, postoje alternative za odabir. Na primjer, stilove možete postaviti u list stila na vrhu dokumenta ili na vanjskom listi stila . Pogledajte sljedeće:

tablica {background-color: # ff0000; } tr {boja pozadine: žuta; } td {background-color: # 000; }

Postavljanje boje pozadine

Najbolji način postavljanja boje pozadine na stupac je stvaranje klase stila i dodijeliti tu klasu ćelijama u tom stupcu. Pogledajte primjere u nastavku da biste saznali kako to učiniti.

CSS:

td.blueCol {background-color: plava; }

HTML:

cell 2
class = "blueCol" > ćeliju 1 ćeliju 2

Završavati

Čak i ako nikada prije niste promijenili boju pozadine tablice, možete kopirati gore navedene primjere kako biste sami pokušali ovu metodu. Isprobajte različite prikazane opcije i odaberite onaj s kojim se u konačnici najviše osjećate ugodno. A ako želite više informacija o HTML tablicama, potražite dodatne pojedinosti o ovom FAQ- u.