box-shandow用法详解

1、box-shandow的实际应用的参数就像这样子：box-shandow:[inset] x-offset y-offset blur-radius spread-radius color

设计HTML结构和CSS的基础样式，代码如下图所示：

2、单边阴影（Top方向）的设置方法，代码效果图如下所示：

3、单边阴影（Right方向）的设置方法，代码效果图如下所示：

4、单边阴影（Bottom方向）的设置方法，代码效果图如下所示：

5、单边阴影（Left方向）的设置方法，代码效果图如下所示：

6、四边相同阴影效果，代码和预览如下图所示：

7、为元素添加内阴影，可用内阴影来做按钮的高光部分，内阴影代码和预览效果图如下图所示：