在网页设计中，我们经常会使用背景图片来增强页面的视觉效果。然而，有时候我们希望图片在水平方向上不重复，而在垂直方向上重复。这时，我们可以通过CSS的repeat-y属性来实现这个效果。

CSS的background-repeat属性用于控制背景图片的重复方式。它有四个可能的值：repeat、repeat-x、repeat-y和no-repeat。其中，repeat表示图片在水平和垂直方向上都重复，repeat-x表示图片在水平方向上重复，而在垂直方向上不重复，repeat-y表示图片在垂直方向上重复，而在水平方向上不重复，no-repeat表示图片不重复。

要实现在垂直方向上不重复的效果，我们只需将background-repeat属性的值设为repeat-y即可。下面是一个示例代码：

body {
  background-image: url("background.jpg");
  background-repeat: repeat-y;
}

在上面的代码中，我们将背景图片设置为"background.jpg"，然后将background-repeat属性的值设为repeat-y。这样，背景图片就会在垂直方向上重复，而在水平方向上不重复。

使用这个代码，我们可以在网页中实现各种不同的效果。例如，我们可以将一张纵向延伸的背景图片应用到整个页面，让它在垂直方向上重复，以增强页面的纵向延伸感。或者，我们可以将一张有特定纹理的背景图片应用到某个元素上，让它在垂直方向上重复，以增加元素的纹理感。

除了使用repeat-y属性，我们还可以结合其他CSS属性来进一步定制背景图片的显示效果。例如，我们可以使用background-position属性来控制背景图片的起始位置，使用background-size属性来调整背景图片的大小，使用background-color属性来设置背景颜色等等。

综上所述，通过在CSS中使用repeat-y属性，我们可以轻松地实现背景图片在垂直方向上不重复的效果。这为我们在网页设计中创造出更加丰富多样的视觉效果提供了便利。希望本文能对你有所帮助！