今天我就带领大家看一下页面上两种常见的阴影效果，包阴影和文字阴影。
盒子阴影：
box-shadow:xy 模糊扩散颜色开始（插图）
该属性有六个参数，分别代表：
x：水平阴影位置
y：垂直阴影位置
模糊：模糊距离（度）
spread：阴影规格（比例大小）
颜色: 阴影色
外部：阴影位置（内部和外部）
看来我们只知道颜色就是颜色，其他人在做什么呢？ 让我们一一看看：
首先我们将参数设置为 0，给出蓝色阴影：
您可以看到什么也没有出现，只有它自己的框架。 然后我们将点值赋予第一个参数x：
可以看到x方向出现了红色内容，但是为什么会在这里呢。 这些是什么东西？ 如果你不明白，我们就调用第二个参数y的值：
同样，一个出现在 y 方向。 仔细一看，他和边界之间还有一段距离，这个距离就是检测后的设定值。 这样好像有点清楚了，x和y就是水平和垂直方向的位移。 默认情况下，x 位于右侧，y 位于上方。 如果是负值则相反。 让我们给第三个参数一些值，看看：
可以看到蓝色阴影有模糊的效果。 是的，第三个参数是设置模糊距离，也就是我们所说的模糊程度。 然后我们给第四个参数赋值：
可以看到，似乎比昨天更暗了，同时在x和y方向的距离处出现了蓝色的阴影。 是的，这个参数就是设置阴影规格的。 我们将 skew 设置为 5，offset 为空。 是的，但是我们把规格设置为5后，就相当于加上了5的阴影，所以又从头开始显示了。 我们可以通过给该值赋予更大的值来看得更清楚：
这次你就知道这个参数是干什么用的了。 本来10个左右的规格应该是一样的，但是如果有倾斜，就会按照倾斜来显示。 最后，我们看一下最后一个参数。 我们还没写呢。 默认为outside，即阴影显示在外面，我们写下inset试试：
怎么变成这样了，我跑到了最上面，对了，最后一个参数就是设置阴影显示方式为外侧或者上方。 盒子阴影的介绍到此结束。 事实上，还有很多意想不到的方法可以达到更耀眼的疗效。 这就需要朋友们自己下去研究了。 我没有那么多时间谈论它。
文字阴影：
文本阴影：xy 模糊颜色
该属性有四个参数，其分布表示：
x：水平阴影位置
y：垂直阴影位置
模糊：模糊距离（度）
颜色: 阴影色
这些参数的使用方法和包阴影是一样的，这里就不一一解释了css3阴影盒子，只看一个效果展示一下：
CSS 结构：
影响：
好了，今天关于阴影的讨论就到此为止了。 灵活运用这个属性，还是可以产生很多意想不到的疗效的。 下次聊什么呢，等我整理一下短发css3阴影盒子，活动一下肌肉，下次再继续。
