[分享]css中如何设置多张背景图

CSS中可以使用多张背景图来美化网页，在以下这个例子中，我们将使用两个背景图来装饰一个div元素：

div {
  background-image: url("bg1.jpg"), url("bg2.jpg");
  background-position: center top, right bottom;
  background-repeat: no-repeat, repeat;
} 

在这个例子中，我们在background-image属性中使用了两个URL，它们之间用逗号隔开。这两个背景图将会依次叠加显示在这个div元素上，也就是说，背景图1在背景图2的上面。

接下来是background-position属性。这个属性告诉浏览器背景图应该放置在div元素的哪个位置。第一个值是水平位置，第二个值是垂直位置。在这个例子中，我们将背景图1放置在中间顶部，将背景图2放置在右下角。

最后是background-repeat属性。这个属性指定了背景图的重复方式。我们将背景图1设为不重复，背景图2设为重复。

通过以上的设置，我们可以创建一个漂亮的背景图效果。当然，还有很多其他的CSS属性可以用来控制背景图的效果，例如background-size可以设置背景图的大小，background-color可以设置背景颜色。