前端开发：CSS阴影效果属性box-shadow详解

前言

在前端开发过程中，CSS是前端的三驾马车之一，关于CSS的使用也是非常重要的环节，可能有人觉得在前端学习或开发中最容易的就是关于CSS的，但是要想精通使用CSS也不是一件容易的事情，也就是看着简单要想完美使用难，所以CSS的使用也是不容忽视的。 本篇博文来分享一个关于CSS的阴影效果属性：box-shadow，关于它的使用也是比较常用的，比如有时候需要给图片或者div 等块元素加上阴影会更立体好看，所以在前端项目开发中经常会用到该功能，所以总结一下，方便查阅使用。

属性定义

box-shadow是CSS3的属性，它可以将一个或者多个阴影效果应用于元素的框。

使用说明

默认值：	none
适用于：	所有元素。它也适用于::first-letter。
继承：	no
可动画制作：