Html 多个背景图像之间的边界？

在CSS中，我可以使用background:属性设置多个背景图像一个接一个地出现，但是当这些图像出现在页面上时，没有过渡，它们之间的边缘看起来很难看。有没有办法在两个连续背景之间实现阴影边界线

e、 g

---

此代码将设置两个图像为背景，当一个图像在向下滚动页面时结束，下一个图像立即开始。两者之间没有视觉上的过渡，只是两幅图像一幅接一幅，在视觉上没有吸引力。

处理这种情况的最佳方法是在图像的顶部和底部绘制具有所需颜色和宽度的边框。您可以使用任何图像编辑器来执行此操作，这也会使您的任务更简单。

您可以共享您的代码或显示您迄今为止尝试过的内容吗？我不知道您到底想要什么，但您提到了阴影边框，所以我假设您想要框阴影属性。尝试添加以下内容：

-webkit框阴影：7px 7px 5px 0px rgba（50,50,0.75）-moz盒阴影：7px 7px 5px 0px rgba（50,50,50,0.75）；盒影：7px 7px 5px 0px rgba（50,50,50,0.75）

到图像的样式/css。有关长方体阴影的更多信息，请查看此链接：

#main-body{
    background: #222222 url(background.jpg), url(background2.jpg);
}