<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.box{
--高度: 200px;
--宽度: 200px;
--颜色: #b9c9fd;
width: var(--高度);
height: var(--宽度);
border: 5px solid currentColor;
color: var(--颜色);
box-shadow: 0 0 20px 0 currentColor inset;
}
</style>
</head>
<body>
<div class="box"></div>
<!--
overflow:值 规定内容超过容器时的处理情况
visible(默认) 超出容器的内容可见
hidden 超出容器的内容不可见
scroll 不管内容有没有超过容器都有滚动条 -x或-y
auto 内容超过容器有滚动条，没有超过容器就没有滚动条
css中的小技巧
currentColor 寻找当前的字体颜色
css原生变量
--颜色: #b9c9fd; 定义颜色为深蓝色
var(--颜色) 使用变量这个颜色
opacity: ;不透明程度
-->
</body>
</html>