Les bordures, arrière-plans et images
CHAPITRE 6
95
se résumera comme suit en notation raccourcie :
Application pratique
body {
background: white url(image.jpg) center right no-repeat scroll;
}
Reprenons notre fil rouge: le projet de site touristique alsacien. Rappelons le
code HTML :
HTML
Bienvenue en Alsace
Voici quelques idées pour en agrémenter la structure avec bordures et arrièreplans :
1 Placer une discrète image d’arrière-plan derrière le titre principal.
2 Souligner les titres de niveau 2 par une bordure basse bleue d’une épaisseur de 2px
3 Donner une couleur de fond jaune au pied de page et le séparer du reste
du contenu avec un trait horizontal bleu épais d’un pixel.
CHAPITRE 6
95
se résumera comme suit en notation raccourcie :
Application pratique
body {
background: white url(image.jpg) center right no-repeat scroll;
}
Reprenons notre fil rouge: le projet de site touristique alsacien. Rappelons le
code HTML :
HTML
Bienvenue en Alsace
Une belle région française
[Paragraphe associé au sous-titre de niveau 2.]
Un patrimoine considérable
[Paragraphe associé à cet autre sous-titre de niveau 2.]
Pied de page et Mentions légales
Voici quelques idées pour en agrémenter la structure avec bordures et arrièreplans :
1 Placer une discrète image d’arrière-plan derrière le titre principal.
2 Souligner les titres de niveau 2 par une bordure basse bleue d’une épaisseur de 2px
3 Donner une couleur de fond jaune au pied de page et le séparer du reste
du contenu avec un trait horizontal bleu épais d’un pixel.