Kako Nastaviti Ozadje

Kazalo:

Kako Nastaviti Ozadje
Kako Nastaviti Ozadje

Video: Kako Nastaviti Ozadje

Video: Kako Nastaviti Ozadje
Video: Kako nastavim ozadje prosojnice 2024, April
Anonim

Če želite polepšati svoje spletno mesto v internetu, lahko spremenite njegovo zasnovo. Spreminjanje zasnove pomeni kakršno koli dejanje, od spreminjanja ozadja glavne strani do popolnega prerisovanja predloge spletnega mesta. Če se odločite spremeniti ozadje svojega spletnega mesta, vam bo naslednje navodilo pomagalo pri reševanju te težave.

Kako nastaviti ozadje
Kako nastaviti ozadje

Potrebno

Urejanje datoteke css

Navodila

Korak 1

Koda oblikovanja spletnega mesta se večinoma nahaja v datoteki style.css. Toda vsaka predloga se lahko razlikuje od prejšnje, zato se lahko koda zasnove nahaja v drugi datoteki, vendar tudi s pripono css. Če želite nastaviti barvo ozadja spletnega mesta, morate obstoječo vrednost vnesti ali nadomestiti z naslednjim izrazom: / * belo ozadje * / body {

background-color: #FFFFFF;} / * belo ozadje naslova, črna barva pisave * / h1 {

barva: # 000000;

barva ozadja: #FFFFFF;

}

2. korak

Če želite na svoje spletno mesto v ozadje vstaviti katero koli sliko, morate obstoječo vrednost vnesti ali nadomestiti z naslednjim izrazom: body {

barva ozadja: # 000000;

slika v ozadju: url ("Image-1.jpg");

}

Upoštevati je treba, da je v tem primeru treba navesti povezavo do slikovne datoteke, ki bo v isti mapi z datoteko css.

3. korak

Če želite majhno sliko ali majhno sliko označiti s ploščicami, uporabite ukaz za ponavljanje ozadja. Za pravilno uporabo tega ukaza obstaja več izboljšav tega ukaza:

background-repeat: repeat-x - ponovite sliko vzdolž osi x;

background-repeat: repeat-y - ponovite sliko vzdolž osi y;

background-repeat: repeat - ponovite sliko po dveh oseh hkrati;

background-repeat: no-repeat - slika se ne ponovi;

priloga v ozadju: drsenje - premikanje slike skupaj s stranjo;

background-attachment: fixed - slika se ne pomika.

Z uporabo sintakse tega ukaza lahko v primerih pokažete, kako deluje:

položaj ozadja: 30px 40px - Slika je oddaljena 30 slikovnih pik od zgoraj in 40 slikovnih pik od leve proti desni.

položaj ozadja: 60% 35% - levo oblazinjenje je 60%, zgornje oblazinjenje pa 25%.

Priporočena: