Programmazione Web » Css » Centrare un immagine di sfondo
Centrare un immagine di sfondo
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net ![]()
Questo tutorial è stato letto 1122 volte
I Css ci permettono ci centrare un'immagine di sfondo con poche righe di codice.
Vediamo come impostare le caratteristiche base di un sito che dispone di una immagine di sfondo:
body {
margin: 0px auto 0px auto;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
color: #ccc;
background-position: center;
background-image: url(immagine.gif);
background-repeat: no-repeat;
}
L'attributo che ci permette di centrare l'immagine è background-position: center; mentre le due righe sottostanti servono a definire quale sarà l'immagine di sfondo e la ripetizione della stessa.

