Вы находитесь на странице: 1из 2

14/09/2017 Exercice HTML: Menu avec CSS

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

Exercice HTML: Menu avec CSS


Annonces Google
0
Exercices
Jaime PDF

Partager
Cours exercice

Crez un site vous mme


Pack cl en main, simple a utiliser 300 modles, domaine .com,
emails a-a-hebergement.com

Crer un ?chier CSS permettant dobtenir le menu donn par la ?gure:

partir du code HTML suivant:

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>

Pour cela, on pourra utiliser les proprits :


-moz-border-radius-topleft:10px;
-moz-border-radius-topright: 10px;
pour obtenir les arrondis sur les coins des bordures.
Remarque : La propritborder-radius nest pas encore supporte par tous les navigateurs.
Par consquent, pour un site Web devant tre compatible avec tous les navigateurs, ilfaudrait utiliser des images de fond
pour obtenir le mme rsultat, ce qui complexi?e le travail.
Deplus, certains validateurs peuvent considrer lutilisation de cette proprit comme une erreur.

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 }

+ 250 000 livres audio Voyage vers l'imaginaire


vadez-vous le temps d'un rcit. Le 1er + de 250 000 Livres Audio au choix.
livre audio est offert ! Tlchargez-en un gratuitement !
audible.fr/Livres+Audio/Offre+Essai audible.fr/Livres+Audio/Offre+Essai

0 commentaires Trier par Les plus rcents

Ajouter un commentaire...

plugin Commentaires Facebook

Voir Aussi ...


Exercice HTML: Dbuter 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: Ralisation d'un Formulaire de QCM
Exercice HTML: Cration Formulaire Rponse QCM
Exercice HTML: Formulaire Type

Web scraping R Pour nous contacter : ks.smartweb@gmail.com

http://www.cours-gratuit.com/exercices-html/exercice-html-menu-avec-css 2/2