css中背景图片有哪些属性-木庄网络博客

2022-03-23 17:13:00 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者V，侵删。

css中背景图片的属性有：1、background-image；2、background-repeat；3、background-position；4、background-size；5、background-attachment。

本教程操作环境：windows10系统、css3版，该方法适用于所有品牌电脑。

（学习视频分享：css视频教程）

常见的图片属性有：

1、背景图片插入

1	`background-image:url(位置及名称); //默认在父级元素内的左上角`

2、背景平铺方式

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

3、背景位置

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

4、背景尺寸

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

注意：低版本的IE不支持背景尺寸

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者