在CSS中，我们可以使用继承和类选择器等方式实现重复使用样式的功能，但是在某些情况下，我们需要在竖直方向上重复一种样式，这时候就可以使用一些比较实用的CSS属性和技巧。

首先，我们可以使用重复性的背景图像来实现竖直方向的重复样式。我们可以设置background-repeat属性为repeat-y，这样就可以让背景图像在竖直方向上重复。例如：

.block {
background-image: url("../images/repeat-bg.jpg");
background-repeat: repeat-y;
}

同时，我们也可以使用background-position属性来调整背景图像的起始位置，从而实现更加灵活的效果。例如：

.block {
background-image: url("../images/repeat-bg.jpg");
background-repeat: repeat-y;
background-position: center top;
}

另外，我们还可以使用伪元素:before或:after来实现竖直方向的重复样式。通过设置宽度、高度和position属性等，我们可以创建出一个竖直方向上的重复区块。例如：

.block:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #f1f1f1;
z-index: -1;
}

最后，在一些需要对页面进行分割的场景下，我们可以使用border样式来实现竖直方向上的分割线。例如：

.block {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

通过以上几种方式，我们可以在竖直方向上轻松实现重复CSS样式的效果，让我们的页面更加美观和实用。