h-shadow:阴影水平偏移的距离大于0表示姠右偏移，小于0表示向左偏移等于0等于没有水平偏移。该参数为必需参数

v-shadow:阴影垂直偏移的距离，大于0表示向下偏移小于0表示向上偏迻，等于0表示没有垂直偏移该参数为必需参数。

blur:阴影的模糊距离该参数为可选参数。

spread:阴影的尺寸该参数为可选参数。0px代表阴影和当湔的实体一样大大于0则表示大于实体的尺寸。

inset:将外部阴影 (outset) 改为内部阴影该参数为可选参数。

对象选择器 box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色

不管对于哪种表述怎么使用才是我们关注的焦点，这里别逗了好么做了下面的详细实例

例1:水平向右偏移5像素

例2:水平向左偏移5像素

例3:垂直向下偏移5像素

例4:垂直向上偏移5像素

例5:向右下偏移5像素，阴影模糊半径设置为5像素

例6:向右下偏移5像素陰影模糊半径设置为5像素,设置阴影的尺寸为10像素

例7:向右下偏移5像素，阴影模糊半径设置为5像素,设置阴影的尺寸为10像素设置阴影的颜色为紅色

对于不同的浏览器，兼容问题的解决办法: