HTML-CSS（四十三）CSS背景扩展

background-size:背景图尺寸大小

background-size：cover 覆盖 整个容器都充满背景图

background-size:contain 包含 只要背景图能够布满框或者高就行

backgtound-size:x y 自定义宽高
background-size：100px 100px

background-origin:背景图填充位置

background-origin:padding-box 默认值 背景图填充位置padding+content

注意：如果图片平铺，那么由原图展开的图片就会沾满整个元素，包括border区域。但是原图的位置还是只是占据padding+content区域，只是展开的图片会超出区域。
backgroun-orgin：border-box 背景图填充位置padding+content+
border

backgroun-orgin：content-box 背景图填充位置content

background-clip:背景图的裁切方式
下面是我设置了background-origin:border-box效果。观察黑色衣服变化
background-clip:padding-box 裁剪掉border部分，只保留padding+content部分

background-clip:border-box 默认值，裁剪掉border以外的区域，保留border+content

background-clip:content-box 只保留content区域，其他都裁剪掉

这些值都可以写到复合样式中.因为背景的填充位置属性（background-origin:border-box/content-box/padding-box）与背景图的裁剪位置属性（background-clip:border-box/content-box/padding-box）一样，所以他们要是写了都在符合样式当中时，注意是填充位置在前，裁剪位置在后。你可以这样理解，先把位置固定好，才能决定从哪里裁剪