Maison > interface Web > tutoriel CSS > le corps du texte

Quels sont les attributs des images d'arrière-plan en CSS

王林
Libérer: 2020-11-30 10:29:01
original
11214 Les gens l'ont consulté

Les attributs des images d'arrière-plan en CSS sont : 1. background-image ; 2. background-repeat 3. background-position ; .

Quels sont les attributs des images d'arrière-plan en CSS
L'environnement d'exploitation de ce tutoriel : Système Windows 10, version CSS3 Cette méthode convient à toutes les marques d'ordinateurs.

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)

Les attributs d'image courants sont :

1. Insertion d'une image d'arrière-plan

background-image:url(位置及名称);  //默认在父级元素内的左上角
Copier après la connexion

. 2. Méthode de mosaïque d'arrière-plan

background-repeat:no-repeat;   //不平铺
Copier après la connexion

3. Position de l'arrière-plan

background-position:right bottom;  //横向在右边,纵向在下边,即右下角
center center;  //位于中心
center right;  //中间靠右
100px 200px;  //靠左100 靠上200
Copier après la connexion

4 Taille de l'arrière-plan

background-size:cover/contain/100% 100%  等比例缩放(铺满即可)/包含在里面/按盒子大小缩放
Copier après la connexion

Remarque : les versions inférieures d'IE ne prennent pas en charge la taille de l'arrière-plan

< 🎜. >5. Méthode d'affichage en arrière-plan

background-attachment:scroll//随屏幕滚动 fixed//固定在可视区域,注意:此时的位置是相对于可视区域的
(fixed:这里有一个兼容性性的问题,在IE6中,只有html和body支持这个属性)
Copier après la connexion
Recommandations associées :

Tutoriel 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:
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!