本文摘自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、背景位置
1 2 3 4 | background-position:right bottom; //横向在右边,纵向在下边,即右下角
center center; //位于中心
center right; //中间靠右
100px 200px; //靠左100 靠上200
|
4、背景尺寸
1 | background-size:cover/contain/100% 100% 等比例缩放(铺满即可)/包含在里面/按盒子大小缩放
|
注意:低版本的IE不支持背景尺寸
阅读剩余部分
相关阅读 >>
css如何实现隐藏滚动条
css怎么设置边框的宽度
css如何设置段落缩进
css如何设置一行字显示不完隐藏
css如何实现网页背景动态渐变效果
css table-layout属性怎么用
css命名规范是什么
css写法怎么优化
css怎么设置字母大写
css border-left-style属性怎么用
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css中背景图片有哪些属性