Maison > interface Web > tutoriel CSS > Que comprend le style d'arrière-plan CSS ?

Que comprend le style d'arrière-plan CSS ?

青灯夜游
Libérer: 2021-12-09 11:04:52
original
3829 Les gens l'ont consulté

Le style d'arrière-plan CSS comprend : la couleur d'arrière-plan "couleur d'arrière-plan", l'image d'arrière-plan "image d'arrière-plan", le positionnement de l'arrière-plan "position d'arrière-plan", la répétition d'arrière-plan "répétition d'arrière-plan", "arrière-plan", etc.

Que comprend le style d'arrière-plan CSS ?L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur Dell G3.

1. background-color définit la couleur d'arrière-plan de l'élément.

background-color:颜色/transparent
Copier après la connexion
Explication :

    transparent est entièrement transparent
  • Valeur de couleur (nom de la couleur/RGB/hex)
  • La zone d'arrière-plan comprend le contenu, le remplissage et la bordure), n'inclut pas les marges

2. background-image définit l'image d'arrière-plan de l'élément.

background-image:url(图片地址)/none
Copier après la connexion
Explication :

    l'adresse URL peut être une adresse relative ou une adresse absolue
  • L'arrière-plan de l'élément occupe toute la taille de l'élément, y compris le remplissage et les bordures, mais n'inclut pas les marges extérieures

  • Par défaut, l'image d'arrière-plan est placée dans le coin supérieur gauche de l'élément et se répète horizontalement et verticalement.

  • Lorsque l'image d'arrière-plan et la couleur d'arrière-plan sont définies, l'image d'arrière-plan couvrira la couleur d'arrière-plan
3. background-position définit la position de départ de l'image d'arrière-plan, le positionnement de l'arrière-plan

background-position :百分比/px/top/right/bottom/left/center
Copier après la connexion

.

4. Background-attachment Que l'image d'arrière-plan soit fixe ou défile avec le reste de la page

background-attachment:scroll/fixed
Copier après la connexion

    scroll : Valeur par défaut, défile avec le défilement de l'image
  • fixed : Lorsque le reste de la page L'image d'arrière-plan ne bougera pas lors du défilement
5. background-repeat définit si et comment répéter l'attribut d'abréviation d'arrière-plan de l'image

background-repeat:repeat/no-repeat/repeat-x/repeat-y 

//分别是重复、不重复、水平重复、不重复
Copier après la connexion

6. dans une déclaration.

background:[background-color] [background-image] [background-repeat] [background-attachment] [background-position]
Copier après la connexion
Instructions : Séparez chaque valeur par des espaces, sans ordre particulier


(Partage vidéo d'apprentissage :

Tutoriel vidéo CSS

)

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal