CSS学习笔记（十二）背景属性

一、背景尺寸属性

1、背景尺寸属性：CSS中新增的一个属性，专门用于设置背景图片大小
格式：

background-size: 200px 100px;
				 50% 50%;

第一个为宽度，第二个为高度
（1）等比拉伸，则设为auto
（2）cover：告诉系统图片需等比拉伸知道宽度和高度都填满元素
（3）contain：告诉系统图片需等比拉伸知道宽度或高度都填满元素

二、背景图片定位区域属性

1、告诉系统背景图片从什么区域开始显示，默认情况下从padding区域开始显示。

background-origin: padding-box;
				   boreder-box;

三、背景绘制区域属性

1、背景绘制区域属性：用于指定从哪个区域开始控制背景，默认情况下从border区域开始绘制背景。

background-clip: padding-box/border-box/content-box;

四、多重背景图片

1、多张背景图片之间用逗号隔开即可。

2、先添加的背景图片会盖住后添加的背景图片，建议在编写多重背景时拆开编写。