Filoweb.it

Background multipli


FB TW G+ whatsapp RSS FEED News letter
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;
} 
FB TW G+ whatsapp RSS FEED News letter

filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito 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 Piccolo quaderno degli appunti. Argomento: CSS, Titolo:Background multipli. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it