Maison  >  Article  >  interface Web  >  Un peu de bon sens sur l'arrière-plan CSS

Un peu de bon sens sur l'arrière-plan CSS

零下一度
零下一度original
2017-05-02 13:33:591730parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn