CSS是網頁設計中不可或缺的一部分，其中涉及的圖片顯示也是非常關鍵的。有時候我們需要在網頁中顯示若干相同的圖片，但是又不想讓它們重疊，這時候就需要用到CSS中的一些技巧來實現圖片不重復顯示。

首先，可以使用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屬性可以幫助我們實現圖片不重復顯示的效果，達到更好的視覺效果和用戶體驗。