Come fare uno sfondo Scorrimento Con i CSS

August 30

CSS, o fogli di stile CSS, personalizza l'aspetto generale di una pagina Web, se si sta formattare il suo piano o sullo sfondo. Anche se il colore delle pagine Web sfondo predefinito è bianco, è possibile cambiare il colore di sfondo, utilizzare un'immagine o fare una combinazione di entrambi per dare al vostro sito un nuovo look. Quando si utilizza uno sfondo di scorrimento, lo sfondo si muove quando si scorre la pagina. È possibile impostare lo sfondo per scorrere in orizzontale, in verticale o in entrambe le direzioni.

istruzione

1 Aprire un editor di testo, come Blocco note, TextPad o EditPad. Selezionare "File" e "Nuovo" per aprire un nuovo documento.

2 Aggiungere uno stile di scorrimento come segue, ma sostituire "backgroundimg.gif" con il nome della tua immagine di sfondo:

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

3 Impostare il valore per "background-repeat" a "repeat-y;" per rendere la ripetizione sfondo verticale. Impostare il valore di "repeat-x;" per renderlo ripetere orizzontalmente. Rimuovere la riga "background-repeat: repeat-y;" tutto per farlo scorrere orizzontalmente e verticalmente.

4 Selezionare "File" e "Salva" dal menu. Si apre la finestra di dialogo "Salva con nome". Nome del file "style.css" e racchiuderlo tra virgolette per preservare l'estensione del file CSS.

5 Chiudere il file CSS e selezionare "File" e "Apri" dal menu. Si apre una finestra di dialogo. Fare doppio clic sulla pagina HTML in cui verrà utilizzato il CSS.

6 Aggiungere la seguente tra i tag <HEAD> per applicare lo sfondo di scorrimento alla pagina:

<Link href = "style.css" rel = "stylesheet" type = "text / css" />

7 Selezionare "File" e "Salva" dal menu per salvare il file HTML.