Kapag lumikha ka ng iyong sariling website, natural na nais mong ipakita ito nang kaakit-akit hangga't maaari alintana ang bersyon ng browser ng gumagamit. Sa partikular, upang ang imahe sa background ay nakaunat at nababagay sa resolusyon ng monitor ng computer.
Kailangan iyon
mga kasanayan sa pagtatrabaho sa html, css, java-script
Panuto
Hakbang 1
Buksan ang code para sa iyong site sa anumang editor, tulad ng Notepad o isang nakatuon na programa sa disenyo ng web, Dreamweaver. I-paste ang mga sumusunod na linya sa code upang mabatak ang background ng site. Magdagdag ng Background: url ('Magpasok ng isang link sa imahe').
Hakbang 2
Upang sukatin ang larawan nang pahalang, gamitin ang sumusunod na code: Background: url (‘Ipasok ang isang link sa imahe’ na ulitin-x), patayo - sa dulo ng code, palitan ang x ng y. Kung ang site ay naka-istilo sa isang css file, i-paste ang code dito. Sa ganitong paraan magagawa mong maglagay ng isang rubbery background sa iyong site.
Hakbang 3
Gamitin ang sumusunod na halimbawa ng code upang maglagay ng isang imahe sa background sa isang pahina at awtomatikong iunat ito upang magkasya sa resolusyon ng monitor kung saan tiningnan ang pahina. Halimbawa ng code: body {background: "Magsingit ng isang link sa larawan sa background" () walang ulit na naayos na kaliwang gitna; pagkatapos ay background-size: […].
Hakbang 4
Upang mabatak ang imahe sa background, magsingit lamang ng isang larawan bilang isang background at itakda ang lapad nito sa 100%. Halimbawa, ipasok ang sumusunod na teksto sa code ng pahina: larawan sa background na "alt =" Ipasok ang pangalan ng imahe "/>. Sa gayon, ito ay gagamitin upang magkasya sa lapad ng larawan, ngunit ang mga proporsyon nito ay lalabagin.
Hakbang 5
Katulad nito, maaari mong itakda ang imahe upang mabatak sa taas, gumamit ng taas sa halip na katangian ng lapad. O gamitin ang sumusunod na halimbawa ng code para sa css: larawan sa background ng site) "> at pagkatapos na magdagdag ng 100% na lapad ng imahe tulad ng sa dating halimbawa. Gayundin maaari mong gamitin ang script upang malaman ang resolusyon ng screen ng gumagamit at i-edit ang laki ng iyong mesa para dito.
