Esercizi di stile

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

Css

Ecco l’html:

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:tag open tag close

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Scarica la miniguida "Creare il proprio logo"
Iscrivendoti alla newsletter riceverai la guida in pdf direttamente al tuo indirizzo email.
Guide to Million Dollar Success
My Website
Per chi inizia a muoversi nel web
Scarica la miniguida "Creare il proprio logo"
Iscrivendoti alla newsletter riceverai la guida in pdf direttamente al tuo indirizzo email.
My Website
Per chi inizia a muoversi nel web
%d blogger hanno fatto clic su Mi Piace per questo: