我要的是自定义线的颜色不是自定义div的颜色

非常抱歉，我理解错了您的需求。下面是一种实现左右两边的div都是白色中有一条居中的可以自定义颜色的线的方法：

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

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

.left,
.right {
  height: 100px;
  width: 50%;
  background-color: white;
  position: relative;
}

.line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background-color: red; /* 可以自定义颜色 */
  transform: translateY(-50%);
}

在上面的代码中，我们仍然使用了flex布局来实现左右两边的div平分容器的宽度。然后，我们在每个div中创建了一个子元素，并通过使用`position: absolute`和`transform: translateY(-50%)`将其垂直居中。最后，可以通过自定义子元素的背景颜色来实现线条的颜色自定义。

需要注意的是，由于使用了`position: absolute`，所以需要将父元素的position属性设置为`relative`，以便子元素相对于父元素进行定位。