Filoweb.it

Background multipli

home menu Gallery contatti

CSS

Background multipli

 
		Abbiamo un div con id box largo 497px e alto 700px; è centrato orizzontalmente sulla pagina ed è circondato da un semplice bordo.



Per lo sfondo abbiamo usato tre immagini: sul primo livello una prima decorazione a nastro (url(topRibbon.png)), sul secondo livello un’altra decorazione (url(bottomRibbon.png)), sul terzo livello (quello posto dietro agli altri due) la texture di un foglio di carta (url(paper.jpg)).

 Se si usa una texture va sempre messa come ultima nell’ordine delle immagini. Ponendola infatti all’inizio, essa si posiziona sul primo livello e copre le altre immagini

#box {

width: 497px;

height: 700px;

margin: 20px auto;

border: 1px solid #333;

background-image: url(topRibbon.png), url(bottomRibbon.png), url(paper.jpg); 

background-position: top left, bottom left;

background-repeat: no-repeat, no-repeat, no-repeat;

background-color: white;

}

↑
filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito filoweb.it sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito filoweb.it.

La tua privacy è importante
Utilizziamo, senza il tuo consenso, SOLO cookies necessari alla elaborazione di analisi statistiche e tecnici per l'utilizzo del sito. Chiudendo il Cookie Banner, mediante il simbolo "X" o negando il consenso, continuerai a navigare in assenza di cookie di profilazione. More info

Tutti
Cookie tecnici
I cookie tecnici sono necessari al fine di "effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica, o nella misura strettamente necessaria al fornitore di un servizio della società dell'informazione esplicitamente richiesto dal contraente o dall'utente a erogare tale servizio" (art. 122, comma 1 del Codice privacy).
Cookie analitici di terze parti
I cookie analytics sono utilizzati al fine di valutare l'efficacia di un servizio della società dell'informazione fornito da un titolare di un sito, per progettare un sito web o contribuire a misurare il "traffico" di un sito web, ovvero il numero di visitatori ripartiti per area geografica, fascia oraria della connessione o altre caratteristiche.
Cookie di profilazione
Sono cookie che creano profili personalizzati relativi all'utente per finalità di marketing, ad esempio il retargeting o advertising sui social network.

Accetto Chudi