案例：单边阴影CSS写法

《案例：单边阴影CSS写法》正文开始，本次阅读大概8分钟。

相关：《边框四边阴影CSS（box-shadow属性）内侧阴影、外侧阴影、阴影颜色CSS大全》、

之前的一篇文章主要介绍了周边阴影，而没有对阴影特别解释，特别是box-shadow各种值的意思！

E{box-shadow:insetx-offsety-offsetblur-radiusspread-radiuscolor}对象选择器{text-shadow:投影方式X轴偏移量Y轴偏移量阴影模糊半径阴影扩展半径阴影颜色}

.dv1,.dv2{
width:100px;
height:100px;
border:1pxsolid#ccc;
}
.dv1{
box-shadow:-5px05px#ccc,/*左边阴影*/
0-5px5px#ccc,/*顶部阴影*/
05px5px#ccc,/*底部阴影*/
5px05px#ccc;/*右边阴影*/
}
.dv2{
box-shadow:-5px05px-5px#ccc,/*左边阴影*/
0-5px5px-5px#ccc,/*顶部阴影*/
05px5px-5px#ccc,/*底部阴影*/
5px05px1px#ccc;/*右边阴影*/

更多案例：

代码：box-shadow: -20px-2px15px-13px#ff8c1ainset;