Maison  >  Article  >  interface Web  >  Quels sont les attributs des images d'arrière-plan en CSS

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

王林
王林original
2020-11-23 11:14:0711211parcourir

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(位置及名称);  //默认在父级元素内的左上角

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

background-repeat:no-repeat;   //不平铺

3. Position de l'arrière-plan

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

4 Taille de l'arrière-plan

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

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支持这个属性)

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!

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