Како променити боју позадине ХТМЛ табеле

click fraud protection

Шта знати

  • Најлакше: додајте својство стила боја позадине до табеле, реда или ознаке ћелије.
  • Следеће најлакше: користите атрибут бгцолор.

Овај чланак објашњава методе за промену боја позадине делова табеле на веб локацији.

Рачунарска скрипта ХТМЛ у наранџастој и плавој боји са црном позадином

Старија метода је користила атрибут бгцолор за промену боје позадине табеле. Такође се може користити за промену боје реда табеле или ћелије табеле. Али атрибут бгцолор је застарео у корист табела стилова, тако да то није оптималан начин за манипулисање бојом позадине табеле.

Бољи начин за промену боје позадине је додавање својства стил боја позадине до табеле, реда или ознаке ћелије.

Овај пример мења боју позадине целе табеле:


Да бисте променили боју једног реда, уметните својство бацкгроунд-цолор у.


Можете промијенити боју једне ћелије додавањем атрибута у.


Такође можете да примените боје позадине на главе столова или на


Промените боју позадине помоћу табела стилова

Међутим, боље је избегавати употребу атрибута боје позадине у корист исправно форматираног стилског листа. На пример, можете да поставите стилове у табели стилова у ГЛАВИ вашег ХТМЛ документа или да их поставите у

instagram viewer
спољни табела стилова. Промене попут ових у ХЕАД или спољном листу стилова могу се појавити као ове за табеле, редове и ћелије:

табела {бацкгроунд-цолор: # фф0000; }
тр {боја позадине: жута; }
тд {бацкгроунд-цолор: # 000; }

Подешавање боје позадине колоне

Најбољи начин постављања боје позадине за колону је стварање а стил класе а затим га доделите ћелијама колоне. Креирање класе вам омогућава да доделите ту класу ћелијама у одређеној колони помоћу једног атрибута.

ЦСС:

тд. ЦолЦолор {боја позадине: плава; }

ХТМЛ:


ћелија 1ћелија 2ћелија 1ћелија 2

Једна значајна предност управљања бојама позадине путем табеле је та што касније можете да промените избор боја. Уместо да пролазите кроз ХТМЛ документ и уносите промене у сваку поједину ћелију, можете да промените избор боје у ЦСС који ће се одмах применити на сваку инстанцу у којој је цласс = "ЦолЦолор" појављује се синтакса.

Иако уметање ЦСС-а у ваш ХТМЛ или позивање засебне ЦСС датотеке, додаје мало административних трошкова осим само модификовања ХТМЛ атрибут, открићете да ослањање на ЦСС смањује грешке, убрзава развој и побољшава преносивост вашег документ.

instagram story viewer