如何添加CSS重复y以使边框垂直

需要垂直对齐css生成的边框…如何使用背景重复：重复-y此处：

    .container::after { 
  position:absolute;
  bottom: -50px;
  left: 0px;
  width: 100%;
  content:" ";
  background: 
  radial-gradient(circle at 50% 0%, white 25%, #535353 26%, gray 40%);
  background-color: gray;
  background-size:50px 100px;
  height:50px;
  background-repeat: repeat-x;
}

---

谢谢

您需要将垂直值转换为水平值，反之亦然：

.container{
位置：相对位置；
宽度：50%；
高度：100vh；
}
.容器：：之后{
位置：绝对位置；
右：-50px；/*下：-50px*/
顶部：0；/*左侧：0*/
宽度：50px；/*宽度：100%*/
高度：100%；/*高度：50px*/
内容：“；
背景：径向梯度（圆形为0%50%，白色为45%，#535346%，灰色为60%）；
背景颜色：灰色；
背景尺寸：50px 50px；/*背景尺寸：50px 100px*/
背景重复：重复-y；/*背景重复：重复-x*/
}

---

中的代码显示一个示例，显示它现在的外观以及您希望它的外观。谢谢您的帮助…我不知道如何使用径向渐变绘制图像…有什么好的教程吗？主要是Stackoverflow和试错。