Hvordan Sette En Bakgrunn På Siden Din

Innholdsfortegnelse:

Hvordan Sette En Bakgrunn På Siden Din
Hvordan Sette En Bakgrunn På Siden Din

Video: Hvordan Sette En Bakgrunn På Siden Din

Video: Hvordan Sette En Bakgrunn På Siden Din
Video: Секретная функция обычного ножа! Таких полезных советов еще никто не видел! 2024, November
Anonim

Å 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.

Hvordan sette en bakgrunn på siden din
Hvordan sette en bakgrunn på siden din

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).

Anbefalt: