Jinsi Ya Kuweka Mandharinyuma

Orodha ya maudhui:

Jinsi Ya Kuweka Mandharinyuma
Jinsi Ya Kuweka Mandharinyuma

Video: Jinsi Ya Kuweka Mandharinyuma

Video: Jinsi Ya Kuweka Mandharinyuma
Video: Jinsi ya kuweka malengo na kufanikiwa 2024, Aprili
Anonim

Ili kupamba tovuti yako kwenye mtandao, unaweza kufanya mabadiliko kwenye muundo wake. Kubadilisha muundo kunamaanisha kitendo chochote, kutoka kubadilisha msingi wa ukurasa kuu hadi kuchora tena templeti ya tovuti. Ikiwa unaamua kubadilisha asili ya tovuti yako, basi maagizo yafuatayo yatasaidia katika kutatua suala hili.

Jinsi ya kuweka mandharinyuma
Jinsi ya kuweka mandharinyuma

Muhimu

Kuhariri faili ya css

Maagizo

Hatua ya 1

Kwa sehemu kubwa, nambari ya muundo wa tovuti iko kwenye faili ya style.css. Lakini kila templeti inaweza kuwa tofauti na ile ya awali, kwa hivyo nambari ya muundo inaweza kuwa katika faili tofauti, lakini pia na ugani wa css. Ili kuweka rangi ya usuli ya wavuti yako, lazima uingize au ubadilishe thamani iliyopo na usemi ufuatao: / * nyeupe asili * / mwili {

rangi ya asili: #FFFFFF;} / * asili nyeupe ya kichwa, rangi nyeusi ya font * / h1 {

rangi: # 000000;

rangi ya asili: #FFFFFF;

}

Hatua ya 2

Ili kuingiza picha yoyote kama msingi kwenye wavuti yako, lazima uingize au ubadilishe thamani iliyopo na usemi ufuatao: mwili {

rangi ya asili: # 000000;

picha ya nyuma: url ("Image-1.jpg");

}

Ikumbukwe kwamba katika kesi hii ni muhimu kutoa kiunga cha faili ya picha, ambayo itakuwa iko kwenye folda moja na faili ya css.

Hatua ya 3

Ikiwa unataka kuweka picha ndogo au picha ndogo, kisha utumie amri ya kurudia nyuma. Ili kutumia amri hii kwa usahihi, kuna marekebisho kadhaa kwa amri hii:

kurudia nyuma: kurudia-x - kurudia picha kando ya mhimili wa x;

kurudia nyuma: kurudia-y - kurudia picha kando ya mhimili y;

kurudia nyuma: kurudia - kurudia picha pamoja na shoka mbili mara moja;

kurudia nyuma: hakuna-kurudia - picha hairudiwi;

kiambatisho-kiambatisho: tembeza - kusogeza picha hiyo pamoja na ukurasa;

kiambatisho-kiambatisho: kilichowekwa - picha haijasumbuliwa.

Kutumia sintaksia ya amri hii, unaweza kuonyesha jinsi inavyofanya kazi katika mifano:

nafasi ya nyuma: 30px 40px - Picha ni saizi 30 chini kutoka juu na saizi 40 kutoka kushoto kwenda kulia.

nafasi ya nyuma: 60% 35% - pedi ya kushoto ni 60% na pedi ya juu ni 25%.

Ilipendekeza: