css3设置背景图片的大小

转载：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%;不推荐设置背景图片时显示不出，要为容器设置其高度。

*/
4000
4 background-size:cover;/* 将背景图片等比缩放填满整个容器 */5 background-size:contain;/* 将背景图片等比缩放至某一边紧贴容器边缘 */  路径解析：

 background：（）;
../ :父级目录 相对当前文件所在的文件夹的上一级 ../images/pic.png  images文件夹和css文件夹在同一个文件夹位置 并且css文件在css文件夹下面。

./：同一级目录（当前目录）等于相对路径 images/pic.png  images文件夹和页面在同一个文件夹位置

/：根目录 C盘打开之后的就是根目录

绝对路径：文件所在的具体位置全部列出来