Esercizi di stile

Ecco un esercizio semplice semplice che ho dovuto fare proprio ieri:

Ecco l’html:

Titolo

e il css:

.titolo {
float: left;
display: inline;
margin-left: 6px;
padding-top: 0px;
padding-left: 20px;
background-image: url(images/tagopen.gif);
background-repeat: no-repeat;
width: 410px;
height: 35px;
}

.titolo h2 a {
background-image: url(images/tagclose.gif);
background-repeat: no-repeat;
background-position: 100% 100%;
font-size: 18px;
color: #666666;
padding-bottom: 6px;
padding-right: 20px;
}

Ed ecco le due immagini usate: