1、img
background 可以导入多个图片用‘,’隔开即可,同时还可以设置图片的位置 比如:right top(右上角)
background: url(./img/yue.jpg), url(./img/test.png) right top;
2、size
backgrorund-size:设置照片的大小
三个值:1、百分比
2、cover :图片铺满盒子,可能会看不到整个图片的样子。
3、contain 水平铺满,垂直等比例缩放。
3、origin
background-origin:; 背景图片的位置区域
有三个值:border-box从边框开始、padding-box从内边距开、content-box从内容开始
background-origin: border-box;
background-origin: padding-box;
background-origin: content-box;
4、clip
backgroun-clip: 指定裁剪的位置
三个值:border-box、padding-box、content-box 其中 border-box和padding-box都是从padding开始,
background-clip: border-box;
background-clip: content-box;
background-clip: padding-box;