Å sette et bakgrunnsbilde på et nettsted er en fem-minutters affære. Mye mer tid brukes på å forberede bildet - valg, justering, tilføyelse av effekter, komponering av flere illustrasjoner i en grafisk fil.
Bruksanvisning
Trinn 1
Bakgrunnsattributtet er ansvarlig for å administrere bakgrunnen. For å fylle siden jevnt med en enkelt farge, bruk stilkoden i body:. Bakgrunnen blir svart. Hvis du bruker CSS, legg i hodet: kropp {bakgrunnsfarge: # 000000;}
Steg 2
Ved hjelp av en lenke settes et gjentatt bilde. Adressen er spesifisert som en ekstern eller intern lenke. Når du bruker denne metoden, er det viktig at sømmene mellom bildene forblir usynlige, ellers vil siden se slurvete ut. I CSS, bruk: body {background-color: # 000000; background-image: url (images / pattern.png);}.
Trinn 3
Gjentakelsen av mønsteret kan kontrolleres. Bakgrunngrep er ansvarlig for denne funksjonen sammen med følgende elementer: - repeter-x - horisontal repetisjon; - repeter-y - vertikal repetisjon: - repeter - repetisjon i begge retninger; - ingen repetisjon - uten repetisjon. Det er satt som dette: kropp {bakgrunnsfarge: # 000000; bakgrunnsbilde: url ("butterfly.gif"); bakgrunn-gjenta: nei-gjenta; }
Trinn 4
Bakgrunnsposisjonen hjelper deg med å plassere bildet i ønsket del av websiden. Koordinatene kan stilles inn ved hjelp av prosent (50% 75%), centimeter (5 cm 5 cm), pikselformat (200 piks 400 piksler), ordform (venstre, høyre, topp, midt, nederst). For eksempel: kropp {bakgrunnsfarge: # 000000; bakgrunnsbilde: url ("butterfly.gif"); bakgrunn-gjenta: nei-gjenta; bakgrunn-vedlegg: fast; bakgrunnsposisjon: venstre bunn; } Verdien 0% 0% er lik øverst til venstre.
Trinn 5
Bakgrunnsvedleggsegenskapen spesifiserer om bildene blir rullet sammen med siden (bakgrunnsvedlegg: bla) eller ikke (bakgrunnsvedlegg: fast).