创建一个自定义的 CSS 变量

为创建一个 CSS 变量，你只需要在变量名前添加两个连字符号，并为其赋值即可，例子如下：

--penguin-skin: gray;

这样就会创建一个 --penguin-skin 变量，它的值为 gray。 现在，其他元素可通过该变量来使元素变成灰色。