Postavitev slike v ozadju na spletno stran je petminutna zadeva. Veliko več časa porabimo za pripravo slike - izbor, prilagoditev, dodajanje učinkov, sestavljanje več ilustracij v eno grafično datoteko.
Navodila
Korak 1
Atribut ozadja je odgovoren za upravljanje ozadja. Če želite stran enakomerno zapolniti z eno barvo, uporabite oznako sloga v telesu:. Ozadje bo črno. Če uporabljate CSS, si v glavo vstavite: body {background-color: # 000000;}
2. korak
S pomočjo povezave se nastavi ponavljajoča se slika. Naslov je naveden kot zunanja ali notranja povezava. Pri uporabi te metode je pomembno, da šivi med slikami ostanejo nevidni, sicer bo stran videti površna. V CSS uporabite: body {background-color: # 000000; background-image: url (images / pattern.png);}.
3. korak
Ponavljanje vzorca je mogoče nadzorovati. Za to funkcijo je odgovoren ponovitev ozadja, skupaj z naslednjimi elementi: - repeat-x - vodoravna ponovitev; - repeat-y - navpična ponovitev: - repeat - ponovitev v obe smeri; - no-repeat - brez ponovitve. Nastavljena je tako to: body {background-color: # 000000; slika ozadja: url ("butterfly.gif"); background-repeat: no-repeat; }
4. korak
Položaj ozadja pomaga postaviti sliko v želeni del spletne strani. Koordinate lahko nastavite z odstotki (50% 75%), centimetri (5 cm 5 cm), aspektom slikovnih pik (200 px 400 slikovnih pik), besedno obliko (levo, desno, zgoraj, v sredini, spodaj). Na primer: body {background-color: # 000000; slika ozadja: url ("butterfly.gif"); background-repeat: no-repeat; pritrditev ozadja: fiksno; položaj ozadja: levo spodaj; } Vrednost 0% 0% je enaka zgornji levi.
5. korak
Lastnost priloge v ozadju določa, ali se slike pomikajo skupaj s stranjo (priloga v ozadju: pomikanje) ali ne (priloga v ozadju: fiksno).
