Créer un cadre arrondi
CHAPITRE 14
197
CSS
body {
font: 1em black verdana, sans-serif;
background-color: white;
}
#cadre {
/* Taille du cadre, donnée à titre d’exemple */
width: 15em;
background-color: #5F9E9D;
}
/* Propriétés communes aux quatre coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d’un bogue d’IE */
}
/* Propriétés spécifiques à chaque coin */
#hautgauche {
background-image: url(hautgauche.png);
}
#hautdroit {
float: right;
background-image: url(hautdroit.png);
}
#basgauche {
background-image: url(basgauche.png);
}
#basdroit {
float: right;
background-image: url(basdroit.png);
}
#contenu p {
color: white;
margin: 0.5em; /* Gestion des espaces entre les paragraphes */
}