CSS, o fogli di stile, Personalizza l'aspetto generale di una pagina Web, se si sta formattando il primo piano o sfondo. Anche se il colore di sfondo predefinito delle pagine Web è bianco, potete cambiare il colore di sfondo, utilizzare un'immagine o fare una combinazione di entrambi per dare un nuovo look al vostro sito. Quando si utilizza uno sfondo scorrevole, lo sfondo si sposta come si scorre la pagina. È possibile impostare lo sfondo per scorrere orizzontalmente, verticalmente o in entrambe le direzioni.

Istruzioni

1

Aprire un editor di testo come blocco note, TextPad o EditPad. Selezionare "File" e "New" 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:

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

3

Impostare il valore per "background-repeat" su "repeat-y;" per rendere lo sfondo ripetere verticalmente. Impostare il valore su "repeat-x;" per renderlo a ripetere orizzontalmente. Rimuovere la riga "background-repeat: repeat-y;" complessivamente per farlo scorrere orizzontalmente e verticalmente.

4

Dal menu, selezionare "File" e "Salva". Viene visualizzata la finestra di dialogo "Salva con nome". Denominare il file "Style. css" e racchiuderlo tra citazioni per preservare l'estensione del file CSS.

5

Chiudi il CSS file e seleziona "File" e "Apri" dal menu. Si apre una finestra di dialogo. Fare doppio clic la pagina HTML in cui verrà utilizzato il codice CSS.

6

Aggiungere il codice seguente tra il tag < HEAD > applicare lo sfondo scorrimento alla pagina:

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

7

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