CSS3 Box-Shadow属性
CSS3中的Box-Shadow属性可以为元素添加阴影效果。它可以定义在元素上的水平偏移量，垂直偏移量，模糊半径，扩展半径和颜色。它可以用来改变元素的外观，提高网页的视觉效果。
使用方法
Box-Shadow属性的使用方法如下：
box-shadow: h-offset v-offset blur spread color;
其中，h-offset和v-offset表示水平偏移量和垂直偏移量，blur表示模糊半径，spread表示扩展半径，color表示颜色。
例如，下面的代码将创建一个元素的阴影，水平偏移量为5px，垂直偏移量为5px，模糊半径为10px，扩展半径为0px，颜色为#ccc：
box-shadow: 5px 5px 10px 0px #ccc;
Box-Shadow属性还可以使用多个值来定义多个阴影，例如：
box-shadow: 5px 5px 10px 0px #ccc, -5px -5px 10px 0px #000;
上面的代码将创建两个阴影，第一个阴影的水平偏移量为5px，垂直偏移量为5px，模糊半径为10px，扩展半径为0px，颜色为#ccc；第二个阴影的水平偏移量为-5px，垂直偏移量为-5px，模糊半径为10px，扩展半径为0px，颜色为#000。
注意事项
- Box-Shadow属性只能用于可见的元素，即元素的display属性不能为none。
- Box-Shadow属性可以用于所有HTML元素，但不能用于图像或文本。
- Box-Shadow属性可以添加多个阴影，但不能添加多个颜色。