Maison > Article > interface Web > Un peu de bon sens sur l'arrière-plan CSS
1. Comment définir la couleur d'arrière-plan de l'étiquette
Il y a un attribut background-color: dans css, qui est la
valeur spécifiquement utilisée pour définir la couleur d'arrière-plan :
Mots spécifiques
rgb
rgba
hex
2. Comment définir l'image de fond ?
Il existe un attribut appelé background-image en CSS, qui est spécialement utilisé pour définir l'image d'arrière-plan
Remarque :
1. L'adresse de l'image doit être placée dans url() L'adresse de l'image peut être une adresse locale ou une adresse réseau
2. l'image La taille n'est pas aussi grande que l'étiquette, elle sera donc automatiquement carrelée et remplie horizontalement et verticalement
3 Si une image apparaît sur la page Web, le navigateur enverra à nouveau une demande. pour obtenir l'image
3. Comment contrôler le carrelage des images d'arrière-plan ?
Il existe un attribut background-repeat en CSS, qui est spécialement utilisé pour contrôler la méthode de mosaïque des images d'arrière-plan
. Valeur :
répéter Par défaut, mosaïquer horizontalement et verticalement
no-repeat Carreler ni horizontalement ni verticalement
répéter-x tuiles dans la direction horizontale
tuiles répétées dans la direction verticale
Scénarios d'application :
Vous pouvez réduire la taille de l'image et améliorer la vitesse d'accès de la page Web en mosaïque l'image d'arrière-plan
4. Comment contrôler la position de l'image de fond ?
Il existe un attribut background-position en CSS, qui est spécifiquement utilisé pour contrôler la position de l'image d'arrière-plan
2 .Format
position d'arrière-plan : direction horizontale direction verticale ;
Valeur
3.1 Noms de position spécifiques
Direction horizontale : gauche centre droite
Direction verticale : haut centre bas
3.2 Pixels spécifiques
Par exemple : background-position : 100px 200px;
Assurez-vous d'écrire l'unité, c'est-à-dire px
Les pixels spécifiques acceptent les nombres négatifs
Remarque :
La même balise peut définir la couleur d'arrière-plan et l'image d'arrière-plan en même temps. Si la couleur et l'image existent en même temps, l'image existera. écraser la couleur
5. Format de l'abréviation de l'attribut d'arrière-plan
arrière-plan : Couleur d'arrière-plan, méthode de mosaïque de l'image d'arrière-plan, méthode d'association, méthode de positionnement
2. Notes
Dans l'attribut d'arrière-plan, tout attribut peut être omis
3. Quelle est la méthode d'association ?
Par défaut, l'image d'arrière-plan défilera à mesure que la barre de défilement défile. Si vous ne souhaitez pas que l'image d'arrière-plan défile lorsque la barre de défilement défile, nous pouvons modifier l'association entre l'image d'arrière-plan. et la barre de défilement
4. Comment modifier la méthode d'association du fond ?
Il existe un attribut background-attachment en CSS qui modifie spécifiquement l'association de l'arrière-plan
Format
background- attachment: scroll;
Valeur
scroll Valeur par défaut, défilera au fur et à mesure que la barre de défilement défile
fixé ne défilera pas Le défilement de la barre défile
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!