在网页设计中，背景图片的使用是一种常见的技术，它可以为网页增添视觉效果，提升用户体验，并非所有的背景图片都需要重复，为了保持页面的整洁和专业感，设计师会选择让背景图片不重复，这可以通过CSS中的background-repeat属性来实现。
CSS（层叠样式表）是一种用来表现HTML或XML等文档样式的语言，在CSS中，background-repeat属性是用来指定背景图片是否以及如何在元素的背景区域重复，默认情况下，背景图片会水平和垂直方向上无限重复，直到填满整个元素，如果我们不希望背景图片重复，可以将background-repeat属性设置为no-repeat。
如果你有一个图片image.jpg，并且希望将其设置为一个元素的背景，但不希望它重复，你可以这样写CSS代码：
.element {
background-image: url('image.jpg');
background-repeat: no-repeat;
}
这样，image.jpg就会作为.element的背景图片，且不会在任何方向上重复。
除了no-repeat，background-repeat属性还有其他两个值：repeat-x和repeat-y。repeat-x表示背景图片只在水平方向上重复，而垂直方向上不重复；repeat-y则相反，表示背景图片只在垂直方向上重复，水平方向上不重复，这两个值在某些特定的设计场景下非常有用。
如果你想要一个纵向的背景条纹，你可以使用repeat-y：
.vertical-stripe {
background-image: url('vertical-stripe.jpg');
background-repeat: repeat-y;
}
这样，vertical-stripe.jpg就会在.vertical-stripe元素的背景中垂直重复，创建出纵向条纹的效果。
在实际应用中，background-repeat属性的使用需要根据设计需求和视觉效果来决定，不重复的背景图片可以创造出更加简洁和专注的页面布局，而重复的背景图片则可以为页面增添丰富的视觉效果，无论选择哪种方式，CSS都提供了足够的灵活性，让设计师可以轻松实现他们的设计意图。