Kuidas muuta tabeli taustavärvi

Paljud algajad või amatöörid veebidisainerid tahavad teada, kuidas muuta tabeli taustavärvi. Mõne minuti jooksul saate õppida, kuidas seda tehnikat selle lühikese juhendamisega täita. Meetod ei ole nii hirmutav, nagu tundub. Tabeli taustavärvi muutmine on sama lihtne kui ühe atribuudi lisamine lahtris, reas või tabelis, mida soovite värvida.

Kuidas alustada

Atribuut bgcolor muudab tabeli taustavärvi, samuti praegust tabeli rea või praegust tabeli lahtrit. Kuid bgcolor- atribuut ei sobi stiililehtede kasuks, mistõttu see ei ole kõige optimaalne viis tabeli taustavärvi muutmiseks. Parem viis taustavärvi muutmiseks on tabeli, rea või lahtri sildi stiilifaktori taustavärvi lisamine. Vaadake allpool toodud näidet, kuidas õppida.

Kui mingil põhjusel ei soovi tabeli stiili vara taustavärvi lisada, on ka valikut, kust valida. Näiteks võite stiilid määrata stiililehe suunas dokumendi peas või välise stiililehel . Vaadake järgmist:

tabel {taustavärv: # ff0000; } tr {taustavärv: kollane; } td {taustavärv: # 000; }

Taustavärvi seadistamine

Parim viis veeru taustavärvi määramiseks on stiiliklassi loomine ja sellele veerus olevatele lahtritele selle klassi määramine. Vaadake allpool toodud näiteid, kuidas seda teha.

CSS:

td.blueCol {taustavärv: sinine; }

HTML:

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

Pakkimine üles

Isegi kui te pole kunagi muutnud tabelis olevaid taustavärve, võite ülaltoodud näiteid kopeerida, et seda meetodit ise proovida. Proovige erinevaid esitatavaid valikuid ja valige see, kellega te lõpuks kõige mugavamalt tunnete. Ja kui soovite HTML-tabelite kohta lisateavet, lugege lisateavet selle KKK-st .