Utilizzo di Cascading Style Sheets (CSS) per gestire le immagini sulla tua pagina web ti offre ulteriori opzioni di formattazione e consente di rimuovere gli URL hardcoded da file HTML. È possibile utilizzare CSS, un linguaggio di stile, combinati con HTML, per migliorare l'aspetto della tua pagina web. È possibile utilizzare la proprietà "background-image" CSS insieme ad alcuni altri immagine per impostare un'immagine CSS.

Istruzioni

1

Aprire il tuo file CSS con un editor di testo come blocco note di Windows.

2

Aggiungere una nuova immagine CSS aggiungendo il codice "#myimage {background-image:URL('image.gif'); background-repeat: no-repeat; background-position: in alto a destra; background-attachment: fisso; }." La proprietà "background-image" imposta l'URL dell'immagine. Il "background-repeat" determina se l'immagine deve essere ripetuta orizzontalmente (repeat-x), verticalmente (repeat-y), entrambi (ripetere) o non ripetere a tutti (no-repeat). La proprietà "background-position" imposta la posizione iniziale dell'immagine. La proprietà "background-attachment" determina se l'immagine deve scorrere con il resto della pagina o non.

3

Salvare e chiudere il file CSS.

4

Aprire il file HTML in un editor di testo come blocco note di Windows.

5

Aggiungere una divisione (div) con l'identificazione è utilizzato nel file CSS, aggiungendo il codice "< div id ="myimage">< / div >." L'immagine apparirà sulla tua pagina Web dove si aggiunge questo codice.

6

Salvare il file HTML. Caricare ed il file CSS sul vostro server per vedere l'immagine CSS.