Des commandes CSS pour embellir vos menus

Les pseudo-classes

Pour embellir les menus, on utilise les "pseudo-classes" pour liens hypertextes.
Quatre pseudo-classes principales peuvent être utilisées dans l'ordre précis qui suit, pour qu'elles soient bien prises en compte.

a:link pour les liens neufs qui n'ont pas été visités.

a:visited pour les liens visités

Ces liens qui sont encore présents dans l'historique du navigateur, sont par défaut écrits en violet et soulignés.

a:hover pour le comportement du lien lorsque la souris le survole.

a:active pour un élément activé

La souris pointant ce lien, son bouton est envoncé.

Pour utiliser ces pseudo-classes, on peut choisir de faire varier les couleurs, de faire varier les arrières-plan, les bordures, la typographie, etc...
Pour enlever les puces, on se servira de la propriété css : list-style-type: none;

La disposition du menu

Par ailleurs, pour que les menus forment une barre, lorsque l'on a inscrit son menu dans un bloc div identifié, et que chaque lien, en html, a été défini comme un élément d'une liste, on positionne son menu.
Lorsque l'on souhaite que le menu soit une barre horizontale de navigation, on fixera pour chaque élément "li" de la liste, un positionnement flottant à gauche. Pour cela on se servira en css du code suivant :
float : left;

On pourra ensuite s'occuper de l'homogénéité des "boutons" de liens en fixant également pour chaque li, les marges extérieures (margin) ou intérieures (padding).

Pour les menus verticaux, on fixera directement les dimensions des "boutons" avec les propriétés de largeur (width) et de hauteur (height).

Menus déroulants

Les adresses ci-dessous donnent des modes d'emplois pour faire des menus déroulant.

http://aext.net/2009/12/incredible-drop-down-menu-solution-with-css-only/
http://www.tuto-fr.com/tutoriaux/tutorial-menu-deroulant-css.php
menu horizontal avec explication vidéo
http://www.marcarea.com/code/css/menu/menu01test.html#
http://www.6ma.fr/tuto/votre+menu+deroulant+css+2-399
http://www.css-faciles.com/menu-deroulant.php