[CSS] Opmaak van een <span>

Heey allemaal!

Ik ben bezig met het maken van een website, en nou lijkt het mij mooi om een menu te maken met een mouseover.

Ik heb gelezen en gezien, dat dit kan m.b.v een .

Ik heb geen idee wat ik nou precies moet doen met die , en hoe ik die kan opmaken in css.

Zou iemand mij op weg kunnen helpen door te vertellen hoe zon werkt en hoe ik die opmaak?

Alvast bedankt,

Jos

kan ook gewoon met een link ()
CSS:
a{}
a:hover{}
a:active{}

Werkt dat dan ook met plaatjes?

a:hover{background-image...} ?

Josnl schreef:

Werkt dat dan ook met plaatjes?

je kan je link ook een class meegeven, dat vind ik persoonlijk mooier en makkelijker.
bv css:

a.link {
height: 15px;    
width: 15px; 
color:#e1d9ca;
background: #45282e; /*of afbeelding*/
display: inline-block;  
padding-top: 0px; 
margin: 0; 
text-align: center;    }

a.link:hover {
height: 15px;    
width: 15px; 
color:#e1d9ca;
background: #45282e; /*of afbeelding*/
display: inline-block; /* of block als je onderelkaar wil*/  
padding-top: 0px; 
margin: 0; 
text-align: center;    }

afmetingen kan je uiteraard aanpassen bv html:

< a href="#" class="link">home</a>
enz

edit: gebruik je meer om een tekst een andere opmaak te geven dan de standaard waarden dan krijg je tekstsnap je?

Dankje Marjolein, maar het was al gelukt, voortaan gebruik ik jouw manier want die vind ik een stuk makkelijker!

Resultaat:
www.zoozio.nl/preview

Hier kan een slotje op!