CSS隨機壁紙是一種非常有趣的效果，它可以讓網站的背景圖像每次刷新都是隨機的。在網站的設計中，背景圖像是非常重要的元素，可以起到很好的裝飾作用，可以使網站更加有吸引力。下面我們來教大家如何使用CSS代碼實現隨機壁紙效果。

html, body {
height: 100%;
margin: 0;
}
body {
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-image: url('https://unsplash.it/2000/2000/?random');
}

以上是一段基礎的CSS代碼，它設置了網站的背景圖像為一張隨機的壁紙。在這段代碼中，背景圖像的url路徑是由unsplash.it生成的，我們可以通過修改url的參數來獲取不同的壁紙。下面我們來介紹如何讓每次刷新頁面都可以出現不同的壁紙。

body {
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-image: url('https://unsplash.it/2000/2000/?random=' + Math.random());
}

在這段代碼中，我們使用了Math.random()函數來生成一個0到1之間的隨機數字，并把這個數字作為url中的參數，從而獲取到了不同的隨機壁紙。這就實現了網站每次刷新都會出現不同的背景圖像，增加了網站的趣味性。

除此之外，我們還可以通過使用多個隨機圖像的url路徑，來實現更加復雜的隨機壁紙效果。下面是一段代碼實現了多張隨機壁紙的效果。

body {
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-image: url('https://unsplash.it/2000/2000/?random=1'),
url('https://unsplash.it/2000/2000/?random=2'),
url('https://unsplash.it/2000/2000/?random=3');
}

在這段代碼中，我們使用了多個url路徑來獲取到不同的隨機圖像，以逗號分隔多個url路徑，分別對應不同的隨機圖像。通過這種方式，每次刷新網站的背景都會出現不同的隨機圖像，增加了網站的趣味性和可玩性。