Les feuilles de styles CSS
DEUXIÈME PARTIE
96
Réponses
ᕡ Le titre principal correspond à l’élément

. Une image de fond y sera précisée par la propriété background, comprenant dans l’ordre le chemin, la position et le mode de répétition de l’image. La règle suivante orne le titre d’un
arrière-plan répété et ancré en haut à gauche :
ᕢ Nous appliquerons aux éléments

la propriété raccourcie border-bottom :
Pour prévoir un peu d’espace entre le texte du titre et sa bordure, on pourra
préciser une valeur de marge interne (padding) :
ᕣ Une telle séparation visuelle n’est qu’une bordure fine, qu’on applique au pied
de page en sélectionnant son identificateur (pied) :
La propriété background-color, ou son raccourci background, en définit la couleur de fond :
Pour aérer le texte et le décoller de la bordure, c’est à nouveau un padding
qu’on met en place :
h1 {
background : url(image.png) left top ; /* inutile de préciser la
valeur repeat car c'est la valeur par défaut */
}
h2 {
border-bottom : 2px solid blue ;
}
h2 {
border-bottom : 2px solid blue ;
padding-bottom : 5px ;
}
#pied {
border-top : 1px solid blue;
}
#pied {
border-top : 1px solid blue;
background: yellow ;
}
#pied {
border-top : 1px solid blue;
background: yellow ;
padding-top: 2px ;
}