Stavljanje pozadinske slike na web stranicu petominutna je stvar. Mnogo više vremena troši se na pripremu slike - odabir, podešavanje, dodavanje efekata, sastavljanje nekoliko ilustracija u jednu grafičku datoteku.
Upute
Korak 1
Atribut pozadine odgovoran je za upravljanje pozadinom. Da biste stranicu ravnomjerno ispunili jednom bojom, upotrijebite oznaku stila u tijelu:. Pozadina će biti crna. Ako koristite CSS, stavite u glavu: body {background-color: # 000000;}
Korak 2
Uz pomoć veze postavlja se ponavljajuća slika. Adresa je navedena kao vanjska ili unutarnja veza. Kada koristite ovu metodu, važno je da šavovi između slika ostanu nevidljivi, inače će stranica izgledati neuredno. U CSS-u upotrijebite: body {background-color: # 000000; background-image: url (images / pattern.png);}.
3. korak
Ponavljanje uzorka može se kontrolirati. Ponavljanje u pozadini odgovorno je za ovu funkciju zajedno sa sljedećim elementima: - repeat-x - vodoravno ponavljanje; - repeat-y - vertikalno ponavljanje: - ponavljanje - ponavljanje u oba smjera; - bez ponavljanja - bez ponavljanja. Postavlja se kao ovo: body {background-color: # 000000; pozadinska slika: url ("butterfly.gif"); pozadina-ponavljanje: bez ponavljanja; }
4. korak
Položaj u pozadini pomaže pri postavljanju slike u željeni dio web stranice. Koordinate se mogu postaviti pomoću postotka (50% 75%), centimetara (5 cm 5 cm), aspekta piksela (200 px 400 px), oblika riječi (lijevo, desno, gore, središte, dno). Na primjer: body {background-color: # 000000; pozadinska slika: url ("butterfly.gif"); pozadina-ponavljanje: bez ponavljanja; pozadina-privitak: fiksno; položaj pozadine: lijevo dno; } Vrijednost 0% 0% jednaka je gornjem lijevom kutu.
Korak 5
Svojstvo background-attachment specificira hoće li se slike pomicati zajedno sa stranicom (background-attachment: scroll) ili ne (background-attachment: fixed).
