关于文字阴影和盒子阴影

在做一些项目时，会利用阴影来让页面变得更加优美，但这个东西，用得好就是锦上添花，用得不好那就是雪上加霜；今天主要写写关于它的用法。

1. 首先是文字阴影：text-shadow: h-shadow v-shadow blur color;
   其中：
   h-shadow: 必需，指水平阴影的位置，可以是负值，为负值时阴影是向左移动；
   v-shadow: 必需，指垂直阴影的位置，可以是负值，为负值时阴影是向上移动；
   blur: 可选，模糊的距离；
   color: 可选，阴影的颜色。
   一个元素的样式属性text-shadow可以设置多组阴影值，多组阴影值之间使用逗号分隔。
   我们来写了小例子吧，话不多说上代码：

    div {
            color: #0f0;
            text-shadow: 0 2px 2px #000;
        }

效果图：

哈哈看自己想要的效果和审美了，我就觉得这样就好看了。

2. 接下来我觉得用得较多的还是盒子阴影了：box-shadow: x y blur spread color;
   其中：
   x： 水平阴影，可为负值，为负值时是向左移动阴影；
   y： 垂直阴影，可为赋值，为负值时是向上移动阴影；
   blur： 模糊距离，根据自己需求设置；
   spread： 阴影大小；
   color： 阴影颜色。
   上代码：

 	div {
           margin: 50px auto;
           width: 200px;
           height: 40px;
           text-align: center;
           line-height: 40px;
           box-shadow: 0px 5px 20px -8px #4e4e4e;
        }

效果图：