css可以添加多个背景定位不同

CSS中可以添加多个背景，每个背景可以设置不同的定位，如下代码所示：

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

上述代码中，该div元素添加了两张背景图片，第一张为bg1.jpg，第二张为bg2.jpg。第一张图片设置了居中对齐、不重复，第二张图片设置了左上对齐、重复。

如果要添加更多的背景图片，只需在background-image属性中加入更多的url即可。同样地，每张图片的定位可以通过background-position属性来设置，多张图片的定位可以用逗号隔开，与background-image中的图片顺序一一对应。

使用多个背景可以让网页更加丰富多彩、充满层次感。在设计时，需要根据页面的需求和整体效果来选择不同的背景图片和定位方式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！