Pagtatakda ng isang Larawan bilang isang Background para sa isang Table sa isang Webpage

Nagtutukoy ang mga talahanayan mula sa kanilang mga background upang bigyan ng diin ang nilalaman ng talahanayan na may kaugnayan sa lahat ng iba pa sa webpage. Upang magdagdag ng background ng table, kakailanganin mong mag-tweak ang cascading style sheet (CSS) na sumusuporta sa iyong webpage.

Nagsisimula

Ang pinakamahusay na paraan upang magdagdag ng isang larawan sa isang talahanayan ay ang paggamit ng CSS

background

ari-arian. Upang ihanda ang iyong sarili upang maisulat ang CSS nang epektibo at upang maiwasan ang hindi inaasahang glitches ng display, buksan ang iyong larawan sa background at gumawa ng tala ng taas at lapad. Pagkatapos i-upload ang iyong imahe sa iyong hosting provider. Subukan ang URL para sa larawan; isa sa mga pinaka-karaniwang dahilan kung bakit ang mga imahe ay hindi ipinapakita ay dahil mayroong isang typo sa URL. Pagkatapos mong tapos na ang hakbang na iyon, maglagay ng bloke ng estilo ng CSS sa ulo ng iyong dokumento:

Isulat ang iyong CSS para sa background sa iyong mesa at ilagay ito sa loob ng bloke ng estilo:
table {background: url (" URL sa imahe ") no-repeat;}

Ilagay ang iyong talahanayan sa HTML:

cell 1

cell 2

cell 1

cell 2

Itakda ang lapad at taas ng talahanayan upang tumugma sa lapad at taas ng imahe.
…

Kung ang nilalaman ng iyong table ay mas malaki kaysa sa taas at lapad ng imahe, ang larawan sa background ay ipapakita lamang nang isang beses.

Maglagay ng Background sa Isang Mesa lamang

Ang mga tagubilin sa itaas ay magtatakda ng parehong larawan sa background sa bawat talahanayan sa pahina. Kung nais mong ilagay ang background sa mga tukoy na mesa lamang, kailangan mong gumamit ng isang

klase

attribute.Change ang iyong CSS na basahin:
table.background {background: url (" URL sa imahe ") no-repeat;}

Idagdag ang klase background sa anumang talahanayan na nais mong magkaroon ng larawan sa background na iyon. Itakda ang lapad at taas para sa mga talahanayan.
class = "background" style = "width: 400px; taas: 500px;> …

Hayaang Ulitin ang Ulat ng Background ng Larawan

Ang mas malaking mga talahanayan, o mga talahanayan na may higit na nilalaman, ay maaaring kailanganin upang maulit ang background upang ang buong talahanayan ay mapunan. Baguhin ang halaga sa iyong CSS upang ang imahe ay uulit sa y-axis, ang x-axis, o ay naka-tile sa pareho.

background: url ("URL sa larawan") ulitin;
Sa pamamagitan ng default ang paulit-ulit na halaga ay i-tile, ngunit maaari mo ring itakda ang ulit na halaga sa

ulit-x
o

ulit-y
sa tile nang pahalang o patayo, ayon sa pagkakabanggit.

Mga Kulay ng Background ng Cell I-block ang Larawan ng Background ng Talahanayan

Ang anumang mga kulay ng background na nakatakda sa mga cell ng table ay sasapaw sa larawan sa background sa talahanayan. Kaya maging maingat kapag gumagamit ng mga kulay ng background sa iyong mga cell sa kumbinasyon ng mga larawan sa background ng talahanayan.

Mga pagsasaalang-alang

Itinatakda ng mga background ng table ang iyong mga talahanayan mula sa pinagbabatayang pahina. Gayunpaman, isipin nang dalawang beses bago gamitin ang pamamaraan na ito. Ang pagpasok ng isang neutral na imahe ay maaaring hindi nakakagambala, ngunit ang mga kumplikadong mga larawan na nilayon upang maging maganda (halimbawa, pagpasok ng isang larawan ng isang kuting sa likod ng isang talahanayan na nagpapahiwatig ng mga pet adoptions) ay maaaring lumitaw na hindi propesyonal at maaaring makaapekto sa pagiging madaling mabasa ng hugis ng mga talaan ng data.

Anumang larawan na iyong ginagamit ay dapat na wastong lisensyado; dahil lamang sa maaari mong makita ang isang larawan sa Web ay hindi nangangahulugan na maaari mong naaangkop ito para sa iyong sariling paggamit. Igalang ang mga karapatang-kopya!