2017年，，，，，，微信小程序配景已经是当下微信小程序设计中最热门的话题，，，，，，下面将从多方面来谈谈微信小程序配景及小程序配景图设置相关的内容。。。

一：配景(Background)与颜色(Color)

一、配景：background。。。设置工具的配景特征。。。一个元素可以设置多重配景图像，，，，，，每组之间用逗号离隔，，，，，，若是保存重叠关系，，，，，，前面的配景图像会笼罩在后面配景图上。。。

1.background-color：指定配景的颜色。。。取值：正常的颜色取值。。。

2.background-image：配景图片。。。若是设置了这个属性，，，，，，最好也添加下background-color ，，，，，，用于当配景image不可见时坚持与文本颜色有一定的比照度

3.background-repeat：设置工具配景图怎样铺排填充。。。

repeat-x：配景在横向上平铺。。。

repeat-y：配景在纵向上平铺。。。

repeat：配景图在横向纵向上平铺。。。

no-repeat：图像不平铺。。。

round：配景图像自动缩放直到顺应且填充整个容器。。。

space：配景图像以相同的间距平铺且填充满整个容器或者某个偏向。。。

space:

round:

4.background-attachment：指定工具的配景图像是随工具内容转动照旧牢靠的。。。

取值：fixed：牢靠位置。。。scroll：相关于元素牢靠，，，，，，随着元素。。。local：相关于元素内容牢靠，，，，，，总是随着内容。。。

5.background-position:指定工具的配景图像位置。。。

取值：left，，，，，，right，，，，，，top，，，，，，bottom，，，，，，center。。。也可以用百分比。。。

6.background-size：指定工具的配景图像的尺寸巨细。。。

取值：auto：配景图的真实巨细。。。cover：等比例缩放到完全笼罩容器。。。有可能凌驾容器。。。

contain：将配景图等比例缩放到宽度或者高度与容器的宽度或者高度相等，，，，，，始终都在容器内。。。

7.background-clip：指定工具的配景图像向外裁剪的区域。。。

取值：padding-box：从padding区域(不含padding)最先向外裁剪配景。。。

border-box：从border区域(不含border)最先向外裁剪配景。。。

content-box：从content 区域最先向外裁剪配景。。。

text：从远景内容的形状做为裁剪区域向外裁剪。。。

8.background-origin：指定工具的配景图像显示的原点。。。

取值：padding-box：从padding区域(不含padding)最先向外裁剪配景。。。

border-box：从border区域(不含border)最先向外裁剪配景。。。

content-box：从content 区域最先向外裁剪配景。。。