|
+ Introduction:
>>
Insérer une image en arrière plan avec le CSS: BACKGROUND-IMAGE: URL(image.jpg).
En principe, les images d'arrière plan sont répétées pour combler
tout l'écran. L'attribut BACKGROUND-REPEAT permet de piloter les répétitions.
Voici les valeurs possibles de cet attribut:
- REPEAT-X Uniquement répétition horizontale.
- REPEAT-Y Uniquement répétition verticale.
- NO-REPEAT Pas de répétition.
>> Ainsi
vous pourrez, par exemple, insérer votre logo en arrière plan.
Vous pouvez bien-sûr laissez l'image pour une couleur grâce à
l'attribut BACKGROUND-COLOR.
|
+ Définition d'un arrière-plan fixe:
>>
L'arrière plan peut aussi être installé de manière fixe, avec
BACKGROUND-ATTACHMENT.
Voici ses valeurs:
- SCROLL L'image défile avec la page.
- FIXED L'image est figée, elle ne défile
pas avec la page. Cette fonction n'est pas prise en compte par
Netscape Navigator.
>> Par défaut, cet attribut à
la valeur SCROLL.
>>
Exemple:
<STYLE TYPE="TEXT/CSS">
BODY {BACKGROUND-IMAGE: URL(image.jpg); BACKGROUND-REPEAT: NO-REPEAT;
BACKGROUND-ATTACHMENT: FIXED}
</STYLE>
On a fixé dans BODY une image qui reste soudée dans le coin supérieur
gauche.
|
+ Positionnement de l'arrière-plan:
>> BACKGROUND-POSITION permet
un positionnement exact de l'image d'arrière plan. En voici la syntaxe:
BACKGROUND-POSITION: [valeur] ou [TOP ou CENTER ou BOTTOM] ou [LEFT ou
CENTER ou RIGHT].
>> En principe, cet attribut est définit par deux valeurs déterminant
la position horizontale et verticale de l'image d'arrière plan. Par défaut
la valeur est 0%0%.
Exemple: BACKGROUND-POSITION: LEFT TOP, votre arrière plan sera donc en
haut à gauche de votre page.
|
+ NOTE:
BACKGROUND permet de combiner différents attributs individuels.
L'exemple parle de lui-même:
<STYLE TYPE="TEXT/CSS">
BODY {BACKGROUND: black URL(image.jpg) NO-REPEAT BOTTOM RIGHT)
</STYLE>
|
Ressources |
|
|
PHP |
|
|
Erreur
404 |
|
|
Construire
une page ensemble |
|
|
Partenaires
|
|
Votre
Site Ici
|
|
Votre Site Ici
|
|
Votre Site Ici
|
|
|
|