css box-shadow边框阴影设置

我对于box-shadow，之前也是一知半解，用的时候直接复制已有的，也没有仔细想过box-shadow的数值分别对应什么，今天在开发中碰到了这个问题，就认真想了一下，在此总结一下。

   css box-shadow  边框阴影设置

  注释：box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。

代码示例：

box-shadow:2px 3px 5px 10px #ccc;   

其中第一个2px为X-坐标值,第二个3px为Y-坐标值，第三个5px为模糊程度，第四个10px为阴影扩展长度值，第五就是颜色了。

上面这个是外阴影，那么内阴影怎么设置呢？很简单在前面加上inset就行了。

box-shadow:inset 2px 3px 5px 10px #ccc;   

  你学废了吗？