CSS之shasow（阴影）

参考https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

box-shadow属性向框添加一个或多个阴影。语法先上：

box-shadow: h-shadow v-shadow blur spread color inset;

解释一下：

阴影类型 X轴位移 Y轴位移 阴影大小 阴影扩展 阴影颜色;

其中X和Y是必须选的，其他可选。

在设置box-shadow时可以各式各样，非常漂亮，我们举些栗子：

0.5em 0.5em 0.4em gold, -0.5em 0.5em 0.4em lime, -0.5em -0.5em 0.4em blue;

0 0 0 0.5em;

0 0 1em;

inset 0 -1.1em red;

inset 0 2em 3em -1em green;

0.4em 0.4em 1em olive;

0 1.5em 0.5em -1em olive;

border-radius: 50%; box-shadow: inset 0.3em 0.3em 0.9em black;

冷的锋刃