Hvordan lage en webside bakgrunnsbilde Stretch

January 1

Noen ganger bakgrunnsbilder ikke alltid passer en nettside perfekt. Stretching et bakgrunnsbilde for å gjøre det passer nettsiden er den beste løsningen i tilfeller som dette. For å lage en nettside bakgrunnsbilde strekning, må du benytte HTML eller CSS-kode som vil tillate deg å gjøre det.

Bruksanvisning

1 Åpne en stil tag i HTML header å lage din CSS-kode:

2 Angir CSS egenskaper for ingen margin eller padding som skal brukes til html eller kroppen av dokumentet ved å legge inn følgende CSS-kode:

html, body {height: 100%; margin: 0; padding: 0;}

3 Angi egenskapene for bakgrunnsbilde for å gjøre det strekke ved å legge inn følgende kode:

side-bakgrunn {stilling: fast; top: 0; venstre: 0; width: 100%; height: 100%;}

4 Skriv inn følgende kode for å tillate for resten av innholdet på siden for å vises riktig:

Innholdet {position: relative; z-index: 1; padding: 10px;}

5 Lukk stil kode ved å taste inn følgende: </ style>

6 Angi bakgrunnsbilde i kroppen av HTML i en div tag å få den til å forholde seg til CSS egenskaper definert i stil tag, erstatte "bakgrunnsbilde URL" med nettadressen til ønsket bilde:

Hint

Vokt dere for feil å legge inn en del av koden, som websiden din bakgrunnsbildet ikke kan strekke hvis du gjør.