Hvordan lage min bakgrunn et fotografi i CSS

January 23

Stille et fotografi som et nettsted bakgrunn kan lage en nettside skiller seg ut visuelt og gi den en utradisjonell følelse. Ved hjelp av en dramatisk bilde for din bakgrunn kan ulempe besøkendes oppmerksomhet, noe som er viktig på nettet, hvor besøkende kan bare blikk på et nettsted og gå videre. Sette et bilde bakgrunn kan gjøres med noen enkle linjer med kode i nettstedets CSS-fil og kan gjøres på 10 minutter.

Bruksanvisning

1 Åpne nettstedets CSS-filen i en teksteditor.

2 Type:

body {background-image: URL ( 'photourl');}

Erstatt "photourl" med URL til fotografiet. Bildet gjentar både horisontalt og vertikalt som standard.

For å gjøre fotografiet gjenta bare horisontalt, type:

body {background-image: URL ( 'photourl'); background-repeat: repeat-x;}

For å gjøre fotografiet gjenta bare vertikalt, type:

body {background-image: URL ( 'photourl'); background-repeat: repeat-y;}

Hvis du ikke vil fotografiet til å gjenta, skriver:

body {background-image: URL ( 'photourl'); background-repeat: no-repeat;}

3 Redd nettstedet CSS-fil.

4 Last opp CSS-filen til nettstedets server.

5 Åpne nettleseren og gå til nettsiden for å sjekke at bildet bakgrunnen vises riktig.

Hint

Plukk et bilde som ikke gjør teksten vanskelig å lese.