background-size:需要调整背景图片的大小
四类:像素值 百分比 宽度设置为固定的像素值高度百分比增加
像素值:第一个宽度第二个高度
百分比:单个和两个
参照像素值:cover背景图片把整个背景全部覆盖;contain一边铺满,
另外一边等比增加,始终保证整个图像在div的范围内
backround-clip:调整背景位置
属性值:
backround-clip:border-box; 默认值
backround-clip:padding-box 背景被裁剪到内边距框
backround-clip:content-box;背景被裁剪到内容框
-webkit-background-clip:text ;
background-origin 绘制背景图像时的起点
属性值:
background-origin:padding-box 默认值;
background-origin:border-box 背景图像相对于边框盒来定位
background-origin:content-box 背景图像相对于内容框来定位