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;
}
