Come inserire una immagine con il Css

Per inserire una immagine su una pagina web tramite css si ricorre all'uso del background. Facciamo un esempio. Poniamo di voler visualizzare una immagine di cui conosciamo l'url. E' sufficiente dichiararla nel seguente modo:

#immagine {
background: transparent url(mia_immagine.jpg)
left no-repeat;
}

In queste due righe abbiamo dichiarato il colore dello sfondo, settandolo in modo trasparente, l'immagine e il suo allineamento a sinistra (left). Con la clausola no-repeat abbiamo dichiarato al browser di non ripetere l'immagine. Quest'ultima sarà visualizzata una sola volta. Se avessimo voluto ripeterla più volte all'interno dell'area avremmo dovuto utilizzare le seguenti clausole:

repeat-y
l'immagine viene ripetuta in verticale

repeat-x
l'immagine viene ripetuta in orizzontale.

Commenti

Scrivi il tuo commento sulla pagina
"Come inserire una immagine con il Css "

Link utili per approfondire il tema
css