css不重复 no-re

CSS中的no-repeat属性用于设置背景图片是否重复显示。当我们需要使用背景图片时，通过background-repeat属性可以设置图片的重复方式，包括水平方向、垂直方向或两个方向都重复。如果我们不希望背景图片重复，就可以使用no-repeat属性。

具体使用方式为，在CSS中设置background-repeat属性为no-repeat即可。以下是示例代码：

 .example {
        background-image: url('example.jpg');
        background-repeat: no-repeat;
        /* 其他样式属性 */
    } 

该示例代码中，.example为类选择器，表示需要设置成不重复的背景图片所在的元素。background-image属性用于设置背景图片的路径，background-repeat属性则设置图片的重复方式为不重复。

需要注意的是，在使用no-repeat属性时，背景图片仅会显示一次，通常是在元素的左上角展示。因此，如果想要修改图片的位置，我们需要使用background-position属性来控制图片在元素中的显示位置。

总的来说，no-repeat属性非常容易使用，只需要按照上述方法设置即可。需要注意的是，在实际开发中，还需要考虑图片在不同设备上的适配问题。