设置多个背景图片

 首先

使用background-image:url("./images/logo.jpg")  来指定背景图片的路径

使用background-repeat:repeat | repeat-x | repeat-y | no-repeat 来指定背景图片的重复次数

使用background-size:14px | 14% 指定背景图片大小

使用background-position：left top  |  x% y%  |  10px 20px 用来指定背景图片的位置

其实设置多个图片背景属性的做法 和  设置多个背景图片的做法是一样的，都是使用逗号分隔。

比如下面的代码：

1 2 3 4 5 6 7 8

#log{     width:100%;     height:100%;     background-image:url("logo_1.png"),url("logo_2.png"),url("logo_3.jpg");     background-position: 10%,40%,80%;     bckground-repeat: no-repeat;     background-size:25%,25%,10%; }