css属性background

Posted 2020-08-07 学如逆水行舟，不进则退。

一、background-size

　　1.具体设定的px值，及北背景图片的具体宽高

　　2.设定的百分比，相对于容器的宽高

　　3.设定三个铺设类型：

　　　　（1）cover： 以宽 / 高 为基本，尽可能的去铺满整个容器，溢出部分截掉

　　　　（2）contain：以宽 / 高 为基本，尽可能的去铺满整个容器，但要求不能溢出容器

二、background-repeat: repeat / no-repeat; 一张图片无法铺满整个容器时，是否重复图片平铺

三、background-position: 

　　1、具体两个px值，设定的为相对于容器左上角的偏移值

　　2、两个百分比值： 计算公式为 （容器的宽度 - 背景图片的宽度） * 百分比 ，高度类推即可

　　3.left, right, top, bottom, 分别相当于 第一个百分比的 0% ,100%,第二个百分比的 0%，100%

　　4.center, 相当于百分比的50%

　　注意： background-position必须要写两个值，不能系一个值来代替两个相同的值