CSS是一種用于網頁布局的語言，要想讓網頁看起來更加美觀，我們經常會在網頁上插入圖片。然而，當我們使用CSS插入重復圖片時，容易導致網頁加載速度變慢，甚至可能會影響用戶體驗。因此，如何插入不重復的圖片成為一個重要的問題。

/* 首先，我們需要獲取一個包含多張圖片的圖片庫 */
 .image-list{
background-image: url(image-library.jpg);
width: 800px;
height: 600px;
 }
 /* 然后，我們需要設置一個背景圖片樣式，隨機從圖片庫中選擇一張圖片作為背景 */
 body{
background-image: url(image-library.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
 }
 body:before{
content: " ";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-image: url(image-library.jpg);
 }

上述代碼通過使用CSS設置背景圖片，實現了不重復的圖片插入效果。具體實現過程是：首先，我們定義了一個包含多張圖片的圖片庫，并設置其樣式。然后，通過設置body樣式，讓其隨機選擇一張圖片作為背景圖。使得每一次刷新頁面時，所顯示的背景圖都不相同，達到了不重復圖片的效果。同時，我們還可以通過body:before偽元素設置一個與body重疊的背景圖，使其效果更加美觀。