CSS: ripetere e posizionare lo sfondo
Ciao, attualmente l'immagine di sfondo si regola usando gli stili CSS.
Di base l'immagine di sfondo si ripete sia in orizzontale che in verticale.
Per ripetere lo sfondo solo in verticale userai il seguente codice:body
{
background-image:url('nomeTuaImmagine.gif');
background-repeat:repeat-y;
}
Con repeat-x invece ripeterai la tua immagine solo in orizzontale.
Con no-repeat l'immagine non sarà ripetuta affatto.
Riguardo invece alla posizione userai un codice CSS del tipo:body
{
background-image:url('nomeTuaImmagine.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
I valori che puoi usare per la posizione sono:
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
puoi anche associare anche valori a x e y per scrivere in percentuale, oppure usi i pixel.
Ad esempio:div
{
background-image:url('nomeTuaImmagine.gif');
background-repeat:no-repeat;
background-position:25% 75%;
}
Normalmente per gli sfondi si usano i pattern, che sono degli elementi modulari di alcuni pixel che si ripetono sia in orizzontale che verticale. In questo modo risparmierai anche sui tempi di caricamento del sito. Su internet ne trovi a migliaia.
001design.it ® è un marchio registrato.
© 2004-2020 Molfese Paolo - P.Iva: 03430820617 - All rights reserved | Tutti i diritti sono riservati.