Explorer les Livres électroniques
Catégories
Explorer les Livres audio
Catégories
Explorer les Magazines
Catégories
Explorer les Documents
Catégories
Cours informatique
Cours comptabilit
Cours conomie
Cours marketing
Cours management
Cours gestion
Cours statistique
Cours finance
Cours lectricit
Annonces Google Exercice corrig PDF Exercice HTML Cours PDF
Partager
Cours exercice
1 <ul class="menu">
2 <li><a href="accueil.html">Accueil</a></li>
3 <li class="active"><a href="infos.html">Infos</a></li>
4 <li><a href="contact.html">Contact</a></li>
5 <li><a href="login.html">Se connecter</a></li>
6 </ul>
1 .menu li
2 {
3 display: inline;
4 list-style:none;
5 border: 1px solid black;
6 padding: 4px;
7 background-color: #bbb;
8 -moz-border-radius-topleft: 10px;
9 -moz-border-radius-topright: 10px;
10 }
11
12 .menu a
13 {
14 text-decoration: none;
15 color: black;
16 }
17
http://www.cours-gratuit.com/exercices-html/exercice-html-menu-avec-css 1/2
14/09/2017 Exercice HTML: Menu avec CSS
18 .menu li.active
19 {
20 background-color: white;
21 border-bottom: 0px;
22 }
23
24 .menu li:hover
25 {
26 background-color: #ecc;
27 }
Ajouter un commentaire...
http://www.cours-gratuit.com/exercices-html/exercice-html-menu-avec-css 2/2