Programmazione Web » Css » Centrare un immagine di sfondo

Centrare un immagine di sfondo

Difficoltà: Apprendista Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net E-Mail
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.

Aggiungi questo tutorial ai preferiti! Aggiungi questo tutorial ai preferiti


SEGNALA QUESTA RISORSA AD UN AMICO
Tuo nome
Tua mail
Nome amico
Mail tuo amico
Google
AREA UTENTI
E-MAIL PASSW
Perso la password?
I TUTORIAL PIU' LETTI
GIF ANIMATE
Script Gratis!
Spot

Sito Service
Tutorial per realizzare un sito web partendo da zero e script Asp per Aruba Server.

Tutorials & scripts
Articoli su HTML, CSS, PHP, ASP, Javascript, MySQL a cura di AG web solutions!

Guida Prestiti e Carte di credito
Giochi flash free
Giochi gratis online
Ricette di cucina gratis
Migliori torrent italiani
Notizie Dieta e Diete Alimentari

Cerca con Google