CSS3背景

CSS3新增的背景属性

• 背景大小background-size

语法：background-size:取值;
说明：background-size取值共有2种，一种是使用长度值（如px、百分比）；另外一种是使用关键字。

background-size关键字取值

• 背景位置background-origin

语法：background-origin:属性值;

background-origin属性取值

• background-origin属性往往都是配合background-position属性来使用，其中background-origin属性规定background-position属性相对于什么位置来定位
• 背景剪切background-clip

语法：background-clip:属性值;

• border-box-clip属性值
  • border-box 默认值，b小时从内边框border开始j剪切
  • padding-box 表示从内边距开始剪切
  • content-box 表示从内容区域content开始剪切
  • text 从前景内容的形状（比如文字）作为裁切区域向外裁切，如此即可实现使用背景作为填充色之类的遮罩效果

CSS3多背景图片

• CSS3多背景图片，也就是CSS2中的background属性外加origin、clip和size组成的新background的多次叠加，缩写时使用英文逗号隔开每组值
• 很多时候不建议定义多背景图片，直接使用PS制作一张复合图就行。