css一个div怎么放两个背景图

CSS是网页设计中的一个重要部分，用来控制网页的样式和布局。当我们需要给一个div添加两个背景图时，可以使用CSS的background属性实现。

/*设置div的宽高和位置*/
.div{
   width:500px;
   height:300px;
   position:relative;
}

/*设置第一个背景图*/
.div:before{
   content:"";
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-image:url(图片链接1);
   background-size:cover;
   opacity:0.5;
}

/*设置第二个背景图*/
.div:after{
   content:"";
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-image:url(图片链接2);
   background-size:cover;
   opacity:0.5;
} 

这里我们使用伪元素:before和:after来实现一个div添加两个背景图的效果。通过设置position:relative属性，将div定位到相对位置，再分别设置两个伪元素的position:absolute属性，将它们定位在div的上层。然后分别设置它们的宽高、背景图、背景图片大小以及透明度即可。

上述代码中，使用了background-image属性来设置背景图的链接地址，使用background-size属性来设定背景图的尺寸大小。可以使用多个background-image属性来实现多张背景图片。