怎么在html中加上多张背景图片

废话不多说，直接看代码：（如果写在css文件中，可以直接照搬，html中，请删去注释）

background-image: url(../img/中国2.jpg),
			      url(../img/aply5.jpg);//获取多张图片
background-repeat: no-repeat, no-repeat; //没有覆盖到的区域不会被图片重叠来填充
background-position: bottom left, center center;//位置
background-size: 45% 7%,15% 7%;//图片显示大小比例，前面是x轴方向上的图形显示比例，后面是y上的比例

上面是显示多张图片的，当然还有下面几种方法，虽然没有上面方法好感觉，各有优劣吧

background: url(../img/中国2.jpg)bottom left no-repeat,url(../img/aply5.jpg)center no-repeat;

这一种的最大不好的地方就是不能设置图片行高

下面是补充的添加一张北京图片的方法：

background-image: url(../img/aply5.jpg);
			 background-size: 15% 7%;
			 background-repeat:no-repeat;
			 background-position: center;