举个简单的例子
时间: 2023-08-05 19:07:40 浏览: 124
windowsAPI函数大全[归纳].pdf
好的,以下是一个简单的例子,定义了一个名为"main-color"的自定义属性来存储网站的主题色,然后在整个样式表中使用这个属性来设置颜色值:
```css
:root {
--main-color: #007bff;
}
h1 {
color: var(--main-color);
}
p {
border: 2px solid var(--main-color);
}
```
在上面的例子中,":root"选择器表示文档的根元素,也就是<html>元素。在根元素中定义了一个名为"--main-color"的自定义属性,并将其值设置为"#007bff"。在"h1"和"p"元素的样式规则中,使用var()函数来引用这个自定义属性,从而设置文字颜色和边框颜色。
阅读全文