Постављање слике као позадине за сто на веб страници

Разликовање табела од њихових позадина помаже да се нагласи садржај табеле у односу на све остало на веб страници. Да бисте додали позадину табеле, мораћете да унесете промене у каскадни лист стилова подржавање ваше веб странице.

Почетак

Најбољи начин за додавање позадинске слике у табелу је коришћење ЦСС-а позадини имовина. Да бисте се припремили за ефикасно писање ЦСС-а и избегли неочекиване грешке на екрану, отворите позадинску слику и забележите висину и ширину. Затим отпремите своју слику код свог добављача услуга хостинга. Тестирајте УРЛ за слику; један од најчешћих разлога зашто се слике не приказују је зато што у УРЛ-у постоји грешка у куцању.

У главу документа убаците ЦСС блок стила:

Напишите свој ЦСС за позадину на столу и ставите га у блок стила:

Поставите табелу у ХТМЛ:

ћелија 1ћелија 2
ћелија 1ћелија 2
Подесите ширину и висину табеле тако да одговарају ширини и висини слике.

Подесите ширину и висину табеле тако да одговарају ширини и висини слике.

Ако је садржај ваше табеле већи од висине и ширине слике, позадинска слика ће се приказати само једном.

Ставите позадину на само један сто

Горња упутства ће поставити исту позадинску слику на сваку табелу на страници. Да бисте поставили позадину само на одређене табеле, користите а класа атрибут. Додајте класапозадини било којој табели за коју желите да имате ту позадинску слику. Подесите ширину и висину за те табеле.

Нека се позадинска слика табеле понови

Веће табеле или табеле са више садржаја можда ће требати да се позадина понови тако да се попуни цела табела. Промените вредност у ЦСС-у тако да се слика понавља на и-оси, к-оси или поплочана на обе.

позадина: урл („УРЛ на слику“) понављање; 

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

поновити-к

или.

поновити-и

да плочице постављате хоризонтално или вертикално.

Боје позадине ћелије блокирају позадинску слику табеле

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

Разматрања

Позадине табела издвајају ваше табеле од основне странице. Међутим, добро размислите пре употребе ове технике. Уметање неутралне слике можда не одвлачи пажњу, али компликоване слике којима треба да буду симпатичне (на пример, уметање слика мачета иза стола која указује на усвајање кућних љубимаца) може изгледати непрофесионално и може утицати на читљивост тхе табеларни подаци.