转载:https://www.cnblogs.com/imguo/p/5772668.html
css3设置背景图片的大小
background-size
设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。
语法:
1 background-size:auto;/* 默认值,不改变背景图片的高度和宽度 */ 2 background-size:100px 50px;/* 第一个值为宽,第二个值为高,当设置一个值时,将其作为图片宽度来等比缩放 */ 3 background-size:100%;/* 0%~100%之间的任何值,将背景图片宽高按百分比显示,当设置一个值的时候同也将其作为图片宽度来等比缩放、也可以设置两个百分比 可设置高度为 auto;
background-size:10% 100%;不推荐设置背景图片时显示不出,要为容器设置其高度。
*/
4
background-size:cover;
/*
将背景图片等比缩放填满整个容器
*/
5
background-size:contain;
/*
将背景图片等比缩放至某一边紧贴容器边缘
*/
路径解析:
background:();
../ :父级目录 相对当前文件所在的文件夹的上一级 ../images/pic.png images文件夹和css文件夹在同一个文件夹位置 并且css文件在css文件夹下面。
./:同一级目录(当前目录)等于相对路径 images/pic.png images文件夹和页面在同一个文件夹位置
/:根目录 C盘打开之后的就是根目录
绝对路径:文件所在的具体位置全部列出来
../ :父级目录 相对当前文件所在的文件夹的上一级 ../images/pic.png images文件夹和css文件夹在同一个文件夹位置 并且css文件在css文件夹下面。
./:同一级目录(当前目录)等于相对路径 images/pic.png images文件夹和页面在同一个文件夹位置
/:根目录 C盘打开之后的就是根目录
绝对路径:文件所在的具体位置全部列出来