Paano Baguhin ang Kulay ng Background ng isang Table

Maraming mga baguhan o amateur web designer na gustong malaman kung paano baguhin ang kulay ng background ng isang table. Sa loob ng ilang minuto, matututunan mo kung paano isasagawa ang pamamaraan na ito sa maikling tutorial na ito. Ang pamamaraan ay hindi bilang intimidating bilang tila. Ang pagbabago ng kulay ng background ng isang table ay kasing simple ng pagdaragdag ng isang katangian sa cell, row o table na gusto mong kulay.

Paano magsimula

Ang katangian bgcolor ay magbabago ang kulay ng background ng talahanayan pati na rin ang kasalukuyang hilera ng talahanayan o ang kasalukuyang cell ng talahanayan. Ngunit ang bgcolor attribute ay hindi na ginagamit para sa mga style sheet, kaya hindi ito ang pinakamainam na paraan upang baguhin ang kulay ng background ng table. Ang mas mahusay na paraan upang baguhin ang kulay ng background ay upang idagdag ang estilo ng background ng kulay ng ari-arian sa talahanayan, hilera o tag ng cell. Tingnan ang halimbawa sa ibaba upang malaman kung paano.

Kung sa ilang kadahilanan, ayaw mong idagdag ang estilo ng background ng estilo ng ari-arian sa talahanayan, may mga alternatibo kung saan pipiliin. Halimbawa, maaari mong itakda ang mga estilo sa isang style sheet sa ulo ng iyong dokumento o sa isang panlabas na style sheet . Tingnan ang mga sumusunod:

table {background-color: # ff0000; } tr {background-color: yellow; } td {background-color: # 000; }

Pagtatakda ng Kulay ng Background

Ang pinakamahusay na paraan upang itakda ang kulay ng background 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. Tingnan ang mga halimbawa sa ibaba upang malaman kung paano gawin ito.

Ang CSS:

td.blueCol {background-color: blue; }

Ang HTML:

class = "blueCol" > cell 1 cell 2
class = "blueCol" > cell 1 < cell 2

Pagbabalot Up

Kahit na hindi mo na kailanman binago ang mga kulay ng background ng isang table bago, maaari mong kopyahin ang mga halimbawa sa itaas upang subukan ang pamamaraang ito sa iyong sarili. Subukan ang iba't ibang mga opsyon na ipinakita at piliin ang isa na kung saan sa huli ay pakiramdam mo ang pinaka komportable. At kung gusto mo ng karagdagang impormasyon tungkol sa mga talahanayan ng HTML, kumunsulta sa FAQ na ito para sa mga karagdagang detalye.