css 阴影(box-shadow)的用法

box-shadow: h-shadow v-shadow blur spread color inset;

  h-shadow：水平阴影的位置。可以使用负值表示阴影在元素左侧，正值表示阴影在元素右侧，0 表示没有水平阴影。

  v-shadow：垂直阴影的位置。可以使用负值表示阴影在元素上方，正值表示阴影在元素下方，0 表示没有垂直阴影。

  blur：模糊半径。可选值，表示阴影的模糊程度。值越大，阴影越模糊，0 表示没有模糊。

  spread：阴影的扩展半径。可选值，表示阴影的大小扩展。正值表示阴影扩展，负值表示阴影收缩。

  color：阴影的颜色。可选值，表示阴影的颜色，可以是 CSS 颜色值（如 #rrggbb、rgba()、hsl() 等）。

  inset：可选值，用于设置是否为内阴影。如果存在 inset，则表示是内阴影，否则为外阴影。内阴影会出现在元素内部，外阴影则出现在元素外部。

 

  /*
    上边，左边，右边，下边
  */
  box-shadow: 0rpx -10rpx 4rpx 4rpx gold,
  10rpx 0rpx 4rpx 4rpx red,
  -10rpx 0rpx 4rpx 4rpx blue,
  0rpx 10rpx 4rpx 4rpx pink