Exercice HTML corrigé menu avec CSS

Exercice HTML menu avec CSS, tutoriel & guide de travaux pratiques en pdf.

Créer un fichier CSS permettant d’obtenir le menu donné par la figure:

Exercice HTML
à partir du code HTML suivant:

<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.

La correction exercice HTML (voir page 2 en bas)

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *