首先，可以使用CSS中的background-repeat属性来控制图片的重复方式。该属性有四个可选值：repeat、repeat-x、repeat-y和no-repeat。其中repeat表示沿着水平和垂直方向重复显示图片，repeat-x表示沿着水平方向重复，repeat-y表示沿着垂直方向重复，no-repeat表示不重复。
.example {
background-image: url("image.jpg");
background-repeat: no-repeat;
}以上代码为例，使用了background-image属性来指定图片的路径，然后将background-repeat属性设置为no-repeat，这样图片就不会在水平和垂直方向重复显示。
另外，可以使用CSS中的background-position属性来控制图片在元素中的位置。该属性有两个值，第一个值表示水平方向的位置，第二个值表示垂直方向的位置。它们的可选值有关键字（top、bottom、left、right、center）、长度（像素、百分比）和百分比。
.example {
background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: center;
}以上代码为例，使用了background-position属性将图片的位置设置为元素的中心。如此一来，图片就不会被完全显示在元素的左上角，而是居中显示。
综上所述，掌握这些CSS属性可以帮助大家实现图片不重复显示的效果，达到更好的视觉效果和用户体验。