我需要的是左右两边的div都是白色中有一条居中的可以自定义颜色的线

可以使用CSS中的伪元素来实现这个效果。代码如下：

<div class="container">
  <div class="left"></div>
  <div class="right"></div>
</div>

.container {
  display: flex;
  justify-content: space-between;
}

.left::after,
.right::before {
  content: "";
  height: 2px;
  width: 100%;
  display: block;
  background-color: white;
}

.left::after {
  margin-bottom: -2px;
  background-color: red; /* 可以自定义颜色 */
}

.right::before {
  margin-top: -2px;
  background-color: blue; /* 可以自定义颜色 */
}

在上面的代码中，我们使用了flex布局来实现左右两边的div平分容器的宽度。然后，使用伪元素::after和::before来创建白色的线。左边的div使用::after伪元素，并设置margin-bottom为-2px，使它与右边的div的::before伪元素相连。右边的div使用::before伪元素，并设置margin-top为-2px，使它与左边的div的::after伪元素相连。最后，可以自定义左右两边线的颜色。