Bonjour à tous ! Je ne crois pas que ce tutoriel à été proposé et j'espère qu'il servira :]

Donc tout d'abord, voici un exemple de résultat final :

Spoiler:

Pour ce code, il faut mettre ces éléments dans la feuille de style :

Code:

.mainmenu

Code:

a.mainmenu

Code:

a.mainmenu:hover

Ensuite, il suffit de rajouter des propriétés :

Ex :

Code:

filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;

Pour un effet d'opacité .

Code:

 border: 1px dotted #D69198 ;

Pour une bordure en pointillés de cette couleur.

Code:

background-color : #F2C4C9;

Pour un fond en cette couleur.

Code:

font-style:italic;

Pour mettre en italique.

Comme vous pouvez le remarquer, il y a une multitude de possibilités

Pour finir, voici un exemple de code en entier [ celui qui a été utilisé dans l'exemple ] :

Code:

.mainmenu{
    font-size : 10px;
    color : #5f4037;
        }

a.mainmenu{
    text-decoration: none;
    color : #5f4037;
        background-color: #D69198;
        border-bottom: 1px solid #5f4037;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

a.mainmenu:hover{
    text-decoration:none; color : #5f4037;
    background-color : #F2C4C9;         
 border-bottom: 1px solid;
 color : #5f4037; 
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
  }

Voilà, c'est fini, si vous avez des questions, n'hésitez pas, même si je ne suis pas très douée en CSS, j'essaierai d'y répondre =D
Pour cela, merci de vous diriger vers la section Aide CSS&HTML