css3 自定义变量和动态计算示例
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
/*定义一个变量*/
--index: 3;
}
div {
/*为了看清，添加一个边框*/
border: 1px solid blue;
width: 100px;
height: 100px;
background-color: rgb(calc(255/var(--index)),calc(255/var(--index)),calc(255/var(--index)));
}
</style>
</head>
<body>
<div></div>
<br/>
<div></div>
</body>
</html>- 上一篇 »纯css3 开关按钮
- 下一篇 »PYTHON是一门动态解释性的强类型定义语言——优缺点