Une certaine syntaxe d'arrière-plan en CSS CSS
Auteur:Eve Cole
Date de mise à jour:2009-06-09 20:25:11
description css
background-image:url("URL de l'image");
background: url("URL de l'image");
couleur d'arrière-plan : code couleur ; couleur d'arrière-plan
Expérience :
image d'arrière-plan:url(motif d'arrière-plan.jpg,gif,bmp);
couleur d'arrière-plan :#FFFFFF ;
background-color : transparent <--Définissez l'arrière-plan sur une couleur transparente
-------------------------------------------------- ----------------------------------
background-repeat modifie le paramètre de répétition côte à côte des images d'arrière-plan
css
illustrer
répéter les images d'arrière-plan côte à côte
les images d'arrière-plan répéter-x sont disposées côte à côte dans la direction X
les images d'arrière-plan répétées sont disposées côte à côte dans la direction Y
les images d'arrière-plan sans répétition ne sont pas traitées côte à côte
Expérience :
image d'arrière-plan:url("/u/info_img/2009-06/09/xx.gif");
répétition d'arrière-plan : pas de répétition ;
Utilisez cette image comme arrière-plan. Lorsque la taille de l'image n'est pas suffisante, ne la répétez pas côte à côte.
-------------------------------------------------- ----------------------------------
Si la pièce jointe en arrière-plan corrige la position de l'image
css
illustrer
scroll Lorsque le défilement est tiré, l'image d'arrière-plan se déplace en conséquence (valeur par défaut)
corrigé L'image d'arrière-plan ne bougera pas lorsque le défilement est tiré.
Expérience :
image d'arrière-plan:url("/u/info_img/2009-06/09/xx.gif");
répétition d'arrière-plan : pas de répétition ;
pièce jointe d'arrière-plan : corrigé ;
L'image d'arrière-plan dans /u/info_img/2009-06/09/xx.gif n'est pas répétée ni juxtaposée, et ne bouge pas avec le défilement.
-------------------------------------------------- ----------------------------------
Position de l'arrière-plan par longueur : x y
Utiliser le positionnement en pourcentage de la position d'arrière-plan : x% y%
css
illustrer
x% se déplace vers la droite
y% descendre
position de l'arrière-plan : 0 % 0 % ;
position d'arrière-plan : 0 % 50 % ;
position du fond : 50 % 0 % au-dessus du centre ;
position d'arrière-plan : 50 % 50 % ;
position de l'arrière-plan : 100 % 0 % ;
position du fond : 0 % 100 % ;
position du fond : 100 % 50 % ; milieu droit
position d'arrière-plan : 50 % 100 % ; milieu et inférieur
position du fond : 100 % 100 % ;
Cibler avec des mots-clés
Description du mot clé
haut ( y = 0 )
centre ( x = 50, y = 50 )
bas ( y = 100 )
gauche gauche ( x= 0 )
Expérience :
position d'arrière-plan : centre ;
L'image est à la position X=50 % Y=50 % au centre de l'arrière-plan spécifié
position d'arrière-plan : 200px 30px