CSS学习15：盒子阴影

1、box-shadow属性

通过 box-shadow 属性设置盒子阴影。box-shadow 有四个值:

• 第一个值是水平偏移量（水平阴影）：即向右的距离，阴影被从原始的框中偏移(如果值为负的话则为左)。
• 第二个值是垂直偏移量（垂直阴影）：即阴影从原始盒子中向下偏移的距离(或向上，如果值为负)。
• 第三个值是模糊半径（影子大小）：即在阴影中应用的模糊度。
• 第四个值是阴影的基本颜色。你可以使用任何长度和颜色单位来定义这些值。

例子：


2、多个盒子阴影
多个盒子阴影：使用逗号隔开。


3、内部阴影inset
使用 inset 关键字，把它放在一个影子声明的开始，使它变成一个内部阴影，而不是一个外部阴影。比如我们为前面的例子加上 inset 关键字，最后的运行效果就变成下面这样了：