Créer un cadre arrondi
CHAPITRE 14
193
Variante : emploi des pseudo-éléments before et after
Les pseudo-éléments :before et :after, prévues par la norme CSS 2, permettent de
générer du contenu dans le document HTML depuis la feuille de styles CSS. Non
reconnues par Internet Explorer, ces techniques seront employées avec circonspection malgré leurs nombreux avantages (ce qui expliquent qu’elles soient reléguées à la
position de variante au lieu d’apparaître comme la méthode recommandée).
div#bloccadre p {
margin: 0 30px 0 20px;
}
div#bloccadre ul, div#bloccadre li {
margin:0;
padding:0;
list-style:none;
}
div#bloccadre li {
text-align: center;
}
div#bloccadre li a {
color: black;
text-decoration: none;
}
div#bloccadre li a:hover {
text-decoration: underline;
}
div#bloccadre h1 {
font-size: 1.2em;
text-align: center;
margin:0;
position: relative;
top: -1em; /* décalage du titre vers le haut */
}
Figure 14–5
Habillage d’un menu