box-shadow: h-shadow v-shadow blur spread color inset;
  • h-shadow :从左上角原点横线移动举例，正值向右，负值向左
  • v-shadow:从左上角原点纵向移动距离，正值向下，负值向上
  • blur :呈现模糊效果，如果不给这个阴影完全是实心的，巨丑
  • spread：阴影尺寸
  • color : 阴影显示颜色
  • inset ：展示为内部阴影，也可以展示为outset，直接写inset/outset就可以

talk is cheap！一个实例：

往右挪3，往下挪6，模糊尺寸是10，阴影尺寸是5，这样左边会露出来2=5-3，上边会有点模糊

 一般模糊范围要比阴影尺寸大一些，该给px得要给px

box-shadow: 0 0 5px 1px red;

显示效果：

 

更多推荐

【css】border-shadow