box-shadow: 8px 15px teal

阴影水平偏移 8px ,垂直偏移 15px
阴影颜色为 teal

box-shadow: -8px -15px rgba(0, 0, 0, 0.5)

阴影水平偏移 -8px ,垂直偏移 -15px
阴影颜色为 透明度为0.5的黑色

box-shadow: 8px 15px 5px teal

阴影水平偏移 8px ,垂直偏移 15px
阴影的模糊半径为 5px ,该值越大,模糊的范围就越大
阴影颜色为 teal

box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)

阴影水平偏移 0 ,垂直偏移 0
阴影的模糊半径为 10px ,该值越大,模糊的范围就越大
阴影颜色为 透明度为0.5的黑色

box-shadow: 0 0 0 10px teal

阴影水平偏移 0 ,垂直偏移 0
阴影的模糊半径为 0 ,该值越大,模糊的范围就越大
阴影扩散 10px
阴影颜色为 teal

box-shadow: inset 0 0 3px 8px teal

阴影 向内 扩散
阴影水平偏移 0 ,垂直偏移 0
阴影的模糊半径为 3px ,该值越大,模糊的范围就越大
阴影扩散 8px
阴影颜色为 teal

box-shadow: 0 0 0 8px lightgreen,
0 0 0 16px teal

多个阴影,前者覆盖后者

box-shadow: inset 0 0 0 8px lightgreen,
inset 0 0 0 16px teal

多个阴影,前者覆盖后者