Css边框/线条样式，不影响边框

Question

您好我正在尝试创建类似于此的行：

我的页面由用户向下滚动时以颜色交替的部分组成。然而，它有点乏味。我只是想知道如何在图片之间创建边界线效果？

我知道如何做边框阴影等...但是当我这样做时......它会影响框的所有方面。我只希望影响该部分的顶部和底部位...而不是侧面。

我也尝试过使用mox box shadow：

-webkit-box-shadow: 0px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 7px 5px 0px rgba(50, 50, 50, 0.75);

但它们在各部分之间不可见。

感谢。

Answer 1

您需要在阴影中添加减去px才能重新进入。

＆＃13;

＆＃13;

div {width: 100%;
  height: 100px;
  box-shadow: 0px 18px 15px -18px rgba(50, 50, 50, 0.75);
}

＆＃13;

<div></div>

＆＃13;

＆＃13;

＆＃13;