Hoe om die agtergrondkleur van 'n tabel te verander

Baie beginners of amateur webontwerpers wil weet hoe om die agtergrondkleur van 'n tafel te verander. In 'n kwessie van minute kan jy leer hoe om hierdie tegniek uit te voer met hierdie kort tutoriaal. Die metode is nie so intimiderend soos dit lyk nie. Die verandering van 'n tabel se agtergrondkleur is so eenvoudig as om een ​​eienskap op die sel, ry of tafel wat jy wil hê, te voeg.

Hoe om te begin

Die kenmerk bgcolor sal die agtergrondkleur van die tabel asook die huidige tabel ry of die huidige tabel sel verander. Maar die bgcolor- kenmerk is afgeskaf ten gunste van style sheets, so dit is nie die mees optimale manier om die agtergrondkleur van die tafel te verander nie. Die beter manier om die agtergrondkleur te verander, is om die styl-eienskap agtergrondkleur by die tabel-, ry- of selkode te voeg. Sien die voorbeeld hieronder om te leer hoe.

As jy nie die styl-eienskap agtergrondkleur na die tafel wil byvoeg nie, is daar alternatiewe waaruit jy kan kies. Byvoorbeeld, jy kan die style in 'n stylblad in die kop van jou dokument of in 'n eksterne stylblad stel . Sien die volgende:

tabel {agtergrondkleur: # ff0000; } tr (agtergrond-kleur: geel; } td (agtergrond-kleur: # 000; }

Die agtergrondkleur instel

Die beste manier om die agtergrondkleur op 'n kolom te stel, is om 'n stylklas te skep en daardie klas dan aan die selle in daardie kolom toe te ken. Kyk na die voorbeelde hieronder om te leer hoe om dit te doen.

Die CSS:

td.blueCol (agtergrond-kleur: blou; }

Die HTML:

class = "blueCol" > sel 1 cel 2
class = "blueCol" > cel 1 cel 2

Klaar maak

Selfs al het jy nog nooit die agtergrondkleure van 'n tafel verander nie, kan jy die voorbeelde hierbo kopieer om hierdie metode op jou eie te probeer. Probeer die verskillende opsies wat aangebied word en kies die een waarmee jy uiteindelik die meeste gemaklik voel. En as jy meer inligting wil hê oor HTML-tabelle, raadpleeg hierdie algemene vrae vir addisionele besonderhede.