Css 垂直中边框

我试图通过CSS实现以下目标：（关注照片的中间部分）

我的第一次尝试是：

<div style="background:blue;height:200px"></div>
<div style="background: linear-gradient(blue 50%, #ffffff 50%);>
    <img...><img...><img...>
</div>

可以为一个元素指定多个背景图像（包括渐变），例如。
html，正文{
身高：100%；
最小高度：350px；
保证金：0；
}
身体{
背景色：#006；
背景图像：
线性梯度（向右，#f00，#ff0 25%，#0f0 50%，#0ff75%，#00f），
线性梯度（到顶部，#fff，#fff），
径向梯度（圆心最近的边，
rgba（255255,1）0%，rgba（255255,1）39%，
rgba（255255.7）40%，rgba（255255.7）59%，
rgba（255255.4）60%，rgba（255255.4）79%，
rgba（255255.1）80%，rgba（255255.1）99%，
rgba（255255.0）100%），
径向梯度（圆心最近的边，
rgba（255255,1）0%，rgba（255255,1）39%，
rgba（255255.7）40%，rgba（255255.7）59%，
rgba（255255.4）60%，rgba（255255.4）79%，
rgba（255255.1）80%，rgba（255255.1）99%，
rgba（255255.0）100%；
背景尺寸：100%4px，100%50%，62.5%自动，62.5%自动；
背景重复：无重复；
背景位置：50%50%、50%100%、050%、100%50%；
}
本教程提供了您需要的所有渐变：。