Menu css stylisé 1

Dans ce tuto je vous apprendrai à créer un menu comme celui ci à l'aide de la feuille de style css ;

»Ouvrez votre éditeur, et collez ceci dans la partie css :

#menu a:link, #menu a:visited{
margin-left : 9px;
margin-right : 9px;
display: block;
font-family : nom de votre police;
color: #couleur de votre lien;
background-color: #couleur du fond de votre lien;
text-align:alignement de votre texte;
border-left: 9px solid #couleur du carré de gauche;
border-right: 9px solid #couleur du carré de droite;}

#menu a:hover, #menu a:hover:visited{
color: #couleur du lien survolé;
border-left: 9px solid #couleur du carré de gauche survolé;
border-right: 9px solid #couleur du carré de droite survolé;}

»Changez les valeurs indiqués en italique en vous reportant au menu de base que j'ai codé.
»Et voilà, la partie css est terminée, maintenant nous allons voir ou en est votre menu.
»Dans la feuille html, remplacez votre menu par celui-ci ;

<div id="menu">
<a href="" target=""">Link # o1</a>
<a href="" target=""">Link # o2</a>
<a href="" target=""">Link # o3</a>
</div>

Enjoy.