在CSS中，可以使用自定义属性（也称为CSS变量）来定义变量。自定义属性以--开头，后面跟着变量名，变量名可以是任何有效的CSS标识符。定义变量的语法如下：
css复制代码
:root {
--main-color: #06c;
}
在上面的例子中，:root是一个伪类选择器，它表示根元素（即HTML元素）。在:root选择器中定义了一个名为--main-color的变量，并将其值设置为#06c。
定义好变量后，可以在CSS中使用该变量。使用变量的语法是在变量名前面加上var()函数，例如：
css复制代码
body {
background-color: var(--main-color);
}
在上面的例子中，body元素的背景颜色被设置为--main-color变量的值，即#06c。
需要注意的是，自定义属性的值必须是全局有效的，因此应该将其定义在:root选择器中或者包含所有相关规则的选择器中。此外，自定义属性的命名应该具有描述性，以便在需要时能够轻松识别和引用。
