Postavljanje slike u pozadini na web stranicu je petominutna stvar. Mnogo više vremena troši se na pripremu slike - odabir, podešavanje, dodavanje efekata, sastavljanje nekoliko ilustracija u jednu grafičku datoteku.
Instrukcije
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 slika koja se ponavlja. Adresa je navedena kao vanjska ili interna veza. Kada koristite ovu metodu, važno je da šavovi između slika ostanu nevidljivi, inače će stranica izgledati neuredno. U CSS-u koristite: body {background-color: # 000000; background-image: url (images / pattern.png);}.
Korak 3
Ponavljanje uzorka se može kontrolirati. Pozadina-ponavljanje odgovorna je za ovu funkciju zajedno sa sljedećim elementima: - repeat-x - horizontalno ponavljanje; - repeat-y - vertikalno ponavljanje: - repeat - ponavljanje u oba smjera; - no-repeat - bez ponavljanja. Postavljeno je kao ovo: body {background-color: # 000000; pozadinska slika: url ("butterfly.gif"); pozadinsko ponavljanje: bez ponavljanja; }
Korak 4
Položaj u pozadini pomaže u pozicioniranju slike u željenom dijelu web stranice. Koordinate se mogu postaviti koristeći procenat (50% 75%), centimetre (5 cm 5 cm), aspekt piksela (200px 400px), oblik riječi (lijevo, desno, gore, središte, dno). Na primjer: body {background-color: # 000000; pozadinska slika: url ("butterfly.gif"); pozadinsko ponavljanje: bez ponavljanja; pozadina-prilog: fiksno; položaj pozadine: lijevo dno; } Vrijednost 0% 0% jednaka je lijevom gornjem dijelu.
Korak 5
Svojstvo background-attachment specificira hoće li se slike pomicati zajedno sa stranicom (background-attachment: scroll) ili ne (background-attachment: fixed).
