菜鸟教程在线编辑器

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

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

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

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

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

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

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

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

</body>
</html>
              