css中的var函数

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
:root {
--main-bg-color: coral;
--main-txt-color: blue;
--main-padding: 15px;
}

#div1 {
background-color: var(--main-bg-color);
color: var(--main-txt-color);
padding: var(--main-padding);
}

#div2 {
background-color: var(--main-bg-color);
color: var(--main-txt-color);
padding: var(--main-padding);
}

#div3 {
background-color: var(--main-bg-color);
color: var(--main-txt-color);
padding: var(--main-padding);
}
</style>
</head>
<body>

<h1>var() 函数</h1>

<div id="div1">菜鸟教程 - 学的不仅是技术，更是梦想！</div>
<br>

<div id="div2">菜鸟教程 - 学的不仅是技术，更是梦想！</div>
<br>

<div id="div3">菜鸟教程 - 学的不仅是技术，更是梦想！</div>

</body>
</html>

posted @ 2021-06-01 09:32  雨之翔123  阅读(297)  评论(0)    收藏  举报