Jinsi Ya Kunyoosha Msingi Wa Wavuti

Orodha ya maudhui:

Jinsi Ya Kunyoosha Msingi Wa Wavuti
Jinsi Ya Kunyoosha Msingi Wa Wavuti

Video: Jinsi Ya Kunyoosha Msingi Wa Wavuti

Video: Jinsi Ya Kunyoosha Msingi Wa Wavuti
Video: Jinsi ya ku driver gari 2024, Mei
Anonim

Lugha ya markup ya HTML inaruhusu mtengenezaji wa wavuti kutumia picha yoyote kama picha ya nyuma. Walakini, lugha yenyewe haina udhibiti wa kujengwa kwa picha za nyuma. Usanidi mzuri zaidi unafanywa kwa kutumia mashuka ya mitindo ya CSS.

Jinsi ya kunyoosha msingi wa wavuti
Jinsi ya kunyoosha msingi wa wavuti

Maagizo

Hatua ya 1

Ili kufanya mandharinyuma ifike kwa upana kamili wa kivinjari, unahitaji kutumia z-index parameter katika CSS yako. Inakuruhusu kuweka mpangilio wa vitu unavyounda. Thamani ya juu ya sifa hii, juu ya kizuizi kitapatikana kwenye ukurasa.

Hatua ya 2

Unda nyaraka mpya katika muundo wa html na css (kitufe cha kulia cha panya - "Mpya" - "Faili ya maandishi") na ufungue kwa kutumia mhariri wowote wa maandishi.

Hatua ya 3

Weka picha ya nyuma kwenye safu ya chini. Itanyoosha kulingana na azimio la skrini. Kwa juu, kipengee kingine kitapatikana ambayo yaliyomo kwenye ukurasa yataonyeshwa. Ili kufanya hivyo, tengeneza vitalu viwili. Katika faili ya css andika:. 1 mchezaji {z-index: 1; upana: 100% urefu: 100% nafasi: kabisa;}. 2layer {Nafasi: absolute; z-index: 2; } Msimamo: parameter kabisa hukuruhusu kuweka nafasi kamili, i.e. safu hiyo itawekwa bila kujitegemea vitu vingine.

Hatua ya 4

Jumuisha nambari iliyotengenezwa ya CSS kwenye faili ya HTML ukitumia lebo ya kiungo: Historia ya ukurasa

Hatua ya 5

Unda safu mpya. Kutumia lebo

weka picha juu yake. Kwa mfano: Yaliyomo kwenye ukurasa kwa img, ni parameta tu ya upana imetajwa, kwa sababu ikiwa unataja urefu kwa kuongeza, katika vivinjari vingine, upotovu wa picha utaonekana.

Hatua ya 6

Hifadhi mabadiliko yako. Ili kujaribu nambari yako, panua ukurasa katika dirisha la kivinjari chako. Picha ya usuli inapaswa pia kupanuliwa.

Ilipendekeza: