在網頁設計中，背景色的設置是非常重要的一環。隨機背景色的設置可以為網頁增加一些新穎的感覺，給用戶帶來輕松愉悅的體驗。下面我們來介紹一下如何使用CSS設置隨機背景顏色。

body {
background-color: random-color; 
}

首先，我們需要知道如何生成隨機顏色。我們可以使用JavaScript的Math.random()函數生成0到1之間的隨機小數，然后使用parseInt()函數將該小數轉換為0到255之間的隨機整數。最后將這三個整數轉換為16進制數，就可以生成隨機顏色了。

function randomColor() {
var r = parseInt(Math.random() * 256);
var g = parseInt(Math.random() * 256);
var b = parseInt(Math.random() * 256);
var hex = "#"+r.toString(16)+g.toString(16)+b.toString(16);
return hex;
}

在CSS中，我們可以使用變量來調用隨機顏色函數，并將生成的隨機顏色應用到背景顏色的屬性中。下面是CSS代碼：

:root {
--random-color: var(--primary-color);
}
body {
background-color: var(--random-color);
}
@media (prefers-color-scheme: dark) {
:root {
--primary-color: #ffffff; /* 設置深色模式下背景色為白色 */
}
}

上面的CSS代碼中，在:root偽類里定義了一個--random-color變量，并以--primary-color變量的值作為默認值。然后，我們將該隨機顏色變量應用到body元素的背景色屬性中。如果瀏覽器支持深色模式，我們可以使用@media查詢來設置不同模式下的背景色。這樣就能夠讓我們的網頁在不同的模式下都能夠有優美的背景色了。

到此為止，我們已經介紹完了如何使用CSS設置隨機背景顏色的方法。希望以上內容能對你有所幫助。