CSS是前端開發中的不可或缺的一部分，而CSS變量（CSS Variables）又是CSS中的一個非常實用的特性。CSS變量可以幫助我們簡化CSS代碼，使得我們在更改主題、顏色等元素時更加容易。其中一個非常有趣的特性，就是CSS變量可以用隨機值來賦值。

:root {
--random-color: #000000;
}
.random {
background-color: var(--random-color);
}

在這個例子中，我們定義了一個CSS變量，這個變量的名字是--random-color，初始值為#000000。我們之所以把這個顏色定義為一個變量，是因為我們希望可以通過修改這個變量的值來改變我們頁面中多處使用到這個顏色的元素的顏色。

而我們希望這個變量的值可以使用隨機值生成。這時候，我們可以使用JavaScript來幫我們生成隨機顏色

:root {
--random-color: #;
}
.random {
background-color: var(--random-color);
}

在這個例子中，我們新增了一個