Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

14/09/2017 Exercice HTML: Menu avec CSS http://www.cours-gratuit.com/exercices-

14/09/2017 Exercice HTML: Menu avec CSS http://www.cours-gratuit.com/exercices-html/exercice-html-menu-avec-css 1/2 Cours informatique Cours comptabilité Cours économie Cours marketing Cours management Cours gestion Cours statistique Cours finance Cours électricité 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. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 .menu li { display: inline; list-style:none; border: 1px solid black; padding: 4px; background-color: #bbb; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; } .menu a { text-decoration: none; color: black; } Exercice corrigé PDF Exercice HTML Cours PDF Annonces Google Exercices PDF Cours exercice Annonces Google Créez un site vous même Pack clé en main, simple a utiliser 300 modèles, domaine .com, emails a-a-hebergement.com 0 J’aime Partager 14/09/2017 Exercice HTML: Menu avec CSS http://www.cours-gratuit.com/exercices-html/exercice-html-menu-avec-css 2/2 18 19 20 21 22 23 24 25 26 27 .menu li.active { background-color: white; border-bottom: 0px; } .menu li:hover { background-color: #ecc; } Voir Aussi ... Exercice HTML: Débuter avec HTML Exercice HTML: HTML Pas à Pas Exercice HTML: Simples Balises Exercice HTML: Insertion Image Exercice HTML: Hyperliens Exercice HTML: Tableaux Exercice HTML: Simple Formulaire Exercice HTML: Réalisation d'un Formulaire de QCM Exercice HTML: Création Formulaire Réponse QCM Exercice HTML: Formulaire Type Web scraping R Pour nous contacter : ks.smartweb@gmail.com audible.fr/Livres+Audio/Offre+Essai + 250 000 livres audio Évadez-vous le temps d'un récit. Le 1er livre audio est offert ! audible.fr/Livres+Audio/Offre+Essai Voyage vers l'imaginaire + de 250 000 Livres Audio au choix. Téléchargez-en un gratuitement ! 0 commentaires Trier par plugin Commentaires Facebook Les plus récents Ajouter un commentaire... uploads/Litterature/ exercice-html-menu-avec-css.pdf