Метод промене боје позадине дијелова табеле на веб страници се променио током година, постајући лакши и мање радни интензивни уз увођење стилских листова.
Старији метод је користио атрибут бгцолор да би промијенио боју позадине табеле. Такође се може користити за промену боје таблице таблице или ћелије таблице. Али атрибут бгцолор је застарио у корист стилских листова, тако да то није оптималан начин манипулације бојом позадине табле.
Бољи начин промене боје позадине је додати стил боје позадине у табелу, ред или ознаку ћелије.
Ово ће промијенити боју позадине целокупне табеле:
Да бисте променили боју једног реда, уметните својство позадине у боји
таг:
Можете промијенити боју једне ћелије додавањем атрибута за
таг:
|
Такође можете примијенити боје позадине у главе столова или на | таг, на исти начин: | Промените боју позадине помоћу стилских табли
Ако не желите да додате стил боје позадине у табелу, постоје алтернативни начини за подешавање боје позадине. На пример, можете подесити стилове у листи стилова у ХЕАД-у вашег ХТМЛ документа или их поставити у спољашњи стилски стил. Промене ових у ГЛАВУ или спољашњем стилу се могу појавити као ове за таблице, редове и ћелије:
табела {бацкгроунд-цолор: # фф0000; } тр {бацкгроунд-цолор: иеллов; } тд {бацкгроунд-цолор: # 000; } Подешавање боје позадине колоне
Најбољи начин за постављање боје позадине колоне је креирање стила класе, а затим доделити ту класу ћелијама у том ступцу. Креирање класе вам омогућава да доделите ту класу ћелијама у одређеној колони користећи један атрибут.
ЦСС:
тд.ЦолЦолор {бацкгроунд-цолор: блуе; } ХТМЛ:
| ћелија 1 | ћелија 2 | | ћелија 1 | ћелија 2 |
Једна од значајних предности контроле боја позадине кроз стилски стил је могућност да касније промените избор боја. Уместо да пролазите кроз ХТМЛ документ и направите промјену у свакој појединачној ћелији, можете направити само једну промјену у избору боје у ЦСС-у и одмах ће се примијенити на све инстанце гдје се користи класа "ЦолЦолор". Ово штеди огромне количине времена и у великој мјери смањује шансе за грешке, попут недостатка промјене боје ћелије.
Чак и ако никада раније нисте променили позадинске боје табеле у веб документу, можете копирати горе наведене примјере и сами експериментисати с овим методом. Брзо ћете открити колико је лако направити промене боје помоћу стилских ознака - посебно листова стилова ако радите са великим веб страницама. Пробајте различите представљене опције и изаберите ону која вам највише одговара.
|