Hvordan lage en rulling bakgrunn med CSS

May 26

CSS, eller Cascading Style Sheets, tilpasser den generelle utseendet på en webside, enten du formaterer forgrunnen eller bakgrunnen. Selv om standard bakgrunnsfarge på websider er hvit, kan du endre bakgrunnsfargen, bruke et bilde eller gjøre en kombinasjon av begge for å gi området et nytt utseende. Når du bruker en rulling bakgrunn, beveger bakgrunnen når du ruller på siden. Du kan angi bakgrunns å bla horisontalt, vertikalt eller i begge retninger.

Bruksanvisning

1 Åpne et tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad. Velg "Fil" og "New" for å åpne et nytt dokument.

2 Legg en rulling stil som følger, men erstatte "backgroundimg.gif" med navnet på bakgrunnsbildet:

kropp {
margin: 0 auto;
background-image: URL ( 'backgroundimg.gif');
background-attachment: bla;
background-repeat: repeat-y;
}

3 Sett verdien for "background-repeat" til "gjenta-y;" å gjøre bakgrunnen gjenta vertikalt. Sett verdien til "gjenta-x;" for å gjøre det gjenta horisontalt. Fjern linjen "background-repeat: repeat-y;" helt å gjøre det bla horisontalt og vertikalt.

4 Velg "Fil" og "Lagre" fra menyen. "Lagre som" dialogboksen åpnes. Gi navn til filen "style.css" og legge den i anførselstegn for å bevare CSS filtypen.

5 Lukk CSS-filen og velg "Fil" og "Open" fra menyen. En dialogboks åpnes. Dobbeltklikk på HTML siden der CSS skal brukes.

6 Legg til følgende mellom <HEAD> tag å bruke rull bakgrunnen til side:

7 Velg "Fil" og "Lagre" fra menyen for å lagre HTML-fil.