Dépannage informatique à domicile

Accueil Prestations News Nos Sites Astuces Contact

Ce code affiche un menu de couleur verte, la classe "menunonevert a" héritant de"ul#menunonevert", le survol du lien l'affiche en orange ainsi que sa selection.

Exemple de menu vertical:

• Lien 1
• Lien 2
• Lien 3
• Lien 4

Codage CSS de l'exemple:

/* Menu sans puces */
ul#menunonevert {
margin: 0;
padding: 0;
font: bold 1em Geargia, Times serif;
list-style-type: none;
}

/* Menu de couleur verte */
#menunonevert a {
color: green;
text-decoration: none;
/* la propriété line-height permet d'aérer le menu */
line-height: 25px;
}

/* Menu avec survol orange */
#menunonevert a:hover, #menunonevert a:focus {
color: orange;
}