Exercice HTML: Menu avec CSS

Créer un ?chier CSS permettant d’obtenir le menu donné par la ?gure:


à partir du code HTML suivant:

1
2
3
4
5
6

<ul class="menu">
 <li><a href="accueil.html">Accueil</a></li>
 <li class="active"><a href="infos.html">Infos</a></li>
 <li><a href="contact.html">Contact</a></li>
 <li><a href="login.html">Se connecter</a></li>
</ul>

Pour cela, on pourra utiliser les propriétés :
–-moz-border-radius-topleft:10px;
–-moz-border-radius-topright: 10px;
pour obtenir les arrondis sur les coins des bordures.
Remarque : La propriétéborder-radius n’est pas encore supportée par tous les navigateurs.
Par conséquent, pour un site Web devant être compatible avec tous les navigateurs, ilfaudrait utiliser des images de fond pour obtenir le même résultat, ce qui complexi?e le travail.
Deplus, certains validateurs peuvent considérer l’utilisation de cette propriété comme une erreur.