Ang paraan para sa pagbabago ng mga kulay ng background ng mga bahagi ng isang talahanayan sa isang website ay nagbago sa paglipas ng mga taon, nagiging mas madali at mas kaunting paggawa masinsinan sa pagpapakilala ng mga style sheet.
Ginamit ng mas lumang paraan ang attribute bgcolor upang baguhin ang kulay ng background ng isang table. Maaari rin itong magamit upang baguhin ang kulay ng hanay ng talahanayan o isang talahanayan ng cell. Ngunit ang bgcolor attribute ay hindi na ginagamit para sa estilo ng sheet, kaya hindi ito ang pinakamainam na paraan upang manipulahin ang kulay ng background ng isang table.
Ang mas mahusay na paraan upang baguhin ang kulay ng background ay upang idagdag ang estilo ng background ng estilo ng ari-arian sa talahanayan, hilera, o tag ng cell.
Ito ay magbabago sa kulay ng background ng isang buong talahanayan:
Upang baguhin ang kulay ng isang hilera, ipasok ang ari-arian ng background-kulay sa
tag:
Maaari mong baguhin ang kulay ng isang solong cell sa pamamagitan ng pagdaragdag ng katangian sa
tag:
|
Maaari mo ring ilapat ang mga kulay ng background sa mga ulo ng talahanayan, o ang | tag, sa parehong paraan: | Baguhin ang Kulay ng Background Paggamit ng Mga Sheet ng Estilo
Kung ayaw mong idagdag ang estilo ng background ng estilo ng ari-arian sa talahanayan, may mga alternatibong paraan upang itakda ang kulay ng background. Halimbawa, maaari mong itakda ang mga estilo sa isang style sheet sa HEAD ng iyong HTML na dokumento, o itakda ang mga ito sa isang panlabas na style sheet. Ang mga pagbabago sa HEAD o sa isang panlabas na estilo ng sheet ay maaaring lumitaw tulad ng mga ito para sa mga talahanayan, mga hilera, at mga cell:
table {background-color: # ff0000; } tr {background-color: yellow; } td {background-color: # 000; } Pag-set ng Column na Kulay ng Background
Ang pinakamahusay na paraan upang itakda ang kulay ng background para sa isang haligi ay upang lumikha ng isang estilo ng klase at pagkatapos ay italaga ang klase na iyon sa mga cell sa hanay na iyon. Ang paglikha ng isang klase ay nagbibigay-daan sa iyo upang italaga ang klase na iyon sa mga selula sa isang partikular na hanay gamit ang isang katangian.
Ang CSS:
td.ColColor {background-color: blue; } Ang HTML:
| cell 1 | cell 2 | | cell 1 | cell 2 |
Ang isang makabuluhang bentahe ng pagkontrol ng mga kulay ng background sa pamamagitan ng isang style sheet ay ang kakayahang baguhin ang iyong pagpili ng kulay sa ibang pagkakataon. Sa halip na dumaan sa dokumento ng HTML at gawin ang pagbabago sa bawat solong cell, maaari kang gumawa ng isang pagbabago sa pagpili ng kulay sa CSS at agad itong ilapat sa bawat pagkakataon kung saan ginagamit ang class = "ColColor". Nakakatipid ito ng napakalaking dami ng oras at lubos na binabawasan ang mga pagkakataon ng mga error, tulad ng nawawalang pagbabago ng kulay ng cell.
Kahit na hindi mo kailanman binago ang mga kulay ng background ng isang table sa isang web document bago, maaari mong kopyahin ang mga halimbawa sa itaas at eksperimento sa pamamaraang ito sa iyong sarili. Mabilis mong matuklasan kung gaano kadali ang gumawa ng mga pagbabago ng kulay gamit ang mga tag ng estilo-lalo na mga style sheet kung nagtatrabaho ka sa mga malalaking website. Subukan ang iba't ibang mga pagpipilian na ipinakita at piliin ang isa na sa huli ang pinaka komportable para sa iyo.
|
