参数

  box-shadow:
    五个参数：水平偏移  垂直偏移 模糊值 阴影的收缩或放大尺寸 颜色 内阴影（inset）
    四个参数：水平偏移  垂直偏移 模糊值 颜色

文本阴影

  text-shadow:offsetX offsetY 模糊值  颜色
  text-shadow: 2px 2px 1px #333
    相对于原始位置向右，向下偏移 2px ，模糊1px  颜色为 #333
    模糊值越大，则边缘融合的就越多

测试

    h1{
      color: green;
      text-shadow: 5px 5px 2px #333;
    }

text-shadow.png

边框阴影

与text-shadow的用法一样，仅仅是作用标签变为盒模型，而不是文本
  如果是行内元素，则对行内元素的占位框生效

使用box-shadow或text-shadow的好处

能够使扁平的页面增加立体感，配合交互事件，可实现更强的交互感