Come scrivere di stile CSS per Immagini

November 5

Utilizzando i fogli di stile (CSS) per gestire le immagini sulla tua pagina web offre ulteriori opzioni di formattazione e consente di rimuovere gli URL hard-coded dal file HTML. È possibile utilizzare i CSS, un linguaggio stile, combinato con HTML, per migliorare l'aspetto della tua pagina web. È possibile utilizzare il CSS "background-image" proprietà insieme a poche altre proprietà immagine per impostare un'immagine di CSS.

istruzione

1 Aprire il file CSS con un editor di testo, come Blocco note di Windows.

2 Aggiungere una nuova immagine di CSS aggiungendo il codice "#myimage {background-image: URL ( 'image.gif'); background-repeat: no-repeat; background-position: in alto a destra; background-attachment: fixed;}". Il "background-image" proprietà imposta l'URL dell'immagine. Il "background-repeat" determina se l'immagine deve ripetere in senso orizzontale (repeat-x), verticale (repeat-y), sia (ripetizione) o non ripetere a tutti (no-repeat). La proprietà "background-position" imposta la posizione di partenza dell'immagine. La proprietà "background-attachment" determina se l'immagine deve scorrere con il resto della pagina oppure no.

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 è stato utilizzato nel file CSS, aggiungendo il codice "<div id =" myimage "> </ div>." L'immagine verrà visualizzata nella pagina Web in cui si aggiunge questo codice.

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


Articoli Correlati