[分享]css两个背景图片左右

CSS里面可以用backgroundimage属性来设置背景图片，其中可以设置两张背景图片，分别位于左右两侧。下面是设置两个背景图片左右的代码：body { backgroundimage: url(...

CSS里面可以用background-image属性来设置背景图片，其中可以设置两张背景图片，分别位于左右两侧。下面是设置两个背景图片左右的代码：

body {
  background-image: url("left-bg.png"), url("right-bg.png");
  background-repeat: no-repeat;
  background-position: left top, right top;
} 

上述代码中，我们分别设置了左边的背景图片和右边的背景图片，用逗号分隔。然后使用background-repeat属性设置不重复。最后使用background-position属性分别设置左、右两个背景图片的位置。

这样就可以在页面上实现左、右两张背景图片的同时展示了。