Paano Maitakda Ang Background Sa Html

Talaan ng mga Nilalaman:

Paano Maitakda Ang Background Sa Html
Paano Maitakda Ang Background Sa Html

Video: Paano Maitakda Ang Background Sa Html

Video: Paano Maitakda Ang Background Sa Html
Video: Speed Code - Full Screen Automatic Image Slider Background - HTML | CSS 2024, Abril
Anonim

Ang pinakakaraniwang wika ng marka ng hypertext ngayon ay HTML. Bilang karagdagan sa isang malawak na hanay ng mga tool para sa pagtukoy ng istraktura ng isang dokumento, mayroon itong kakayahang baguhin ang kanilang visual na pagtatanghal. Halimbawa, maaari mong itakda ang background ng isang hypertext na dokumento at mga elemento nito sa iba't ibang paraan.

Paano maitakda ang background sa html
Paano maitakda ang background sa html

Kailangan iyon

ang kakayahang mag-edit ng isang dokumento ng HTML

Panuto

Hakbang 1

Upang maitakda ang kulay ng background ng buong dokumento, mga talahanayan, pati na rin ang kanilang mga hilera, mga cell ng header at mga cell ng nilalaman sa HTML, gamitin ang katangian ng bgcolor ng mga sangkap na BODY, TABLE, TR, TH, TD, ayon sa pagkakabanggit. Ang katangiang ito ay tumatanggap ng isang halaga na nag-encode ng kulay ng puwang ng SRGB, na ipinahiwatig bilang isang hexadecimal na bilang na naunahan ng isang hash o symbolic mnemonic. Halimbawa:

Hakbang 2

Gamitin ang katangian ng background ng elemento ng BODY upang tukuyin ang imahe na magiging background ng buong dokumento: Alinsunod sa prinsipyo ng paghihiwalay ng istraktura at mga mekanismo para sa pagtukoy ng visual na pagtatanghal ng mga hypertext na dokumento, inirerekumenda na gumamit ng mga sheet ng istilo sa halip ng mga katangian ng mga elemento ng HTML (tulad ng inilarawan sa mga hakbang 1 at 2) …

Hakbang 3

Itakda ang kulay ng background ng anumang elemento gamit ang background-color CSS na pag-aari. Gamitin ang katangiang istilo upang tukuyin ang impormasyon ng istilong inline para sa isang elemento, o magdagdag ng mga ruleset na may naaangkop na tagapili sa mga sheet ng istilo: berdeng background BODY {background-color: # 00FF00; }

Hakbang 4

Tukuyin ang larawan sa background ng anumang elemento o pangkat ng mga elemento gamit ang pag-aari ng background na imahen ng CSS. Ang halaga nito ay dapat na isang URI na kinikilala ang nauugnay na mapagkukunan. Halimbawa: BODY background-image {background-image: url ("myimage.gif")}

Hakbang 5

Magtakda ng mga karagdagang patakaran para sa pagpapakita ng mga larawan sa background ng mga elemento ng dokumento. Gumamit ng mga pag-aari sa background na paulit-ulit, background-attachment at background-posisyon na CSS. Tinutukoy ng una ang mga pagpipilian sa pag-tile, ang pangalawa ay tumutukoy sa docking na may kaugnayan sa dokumento o viewport, at ang pangatlo ay tumutukoy sa paunang offset o pagkakahanay na may kaugnayan sa mga hangganan ng lalagyan. Suriin ang pagtutukoy ng CSS2 sa w3c.org para sa mga posibleng halaga para sa mga katangiang ito.

Inirerekumendang: