跳到主要内容

阴影

box-shadow​

属性值可以为：

  • box-shadow: none;

  • box-shadow: X偏移 Y偏移 颜色;

  • box-shadow: X偏移 Y偏移 模糊半径 [扩散半径] 颜色;

在值前加 inset 表示内阴影。同时可以设置多个阴影，用逗号隔开。

border-radius 会影响到 box-shadow 的形状。

text-shadow​

属性值可以为：

  • text-shadow: none;

  • text-shadow: X偏移 Y偏移;（使用 color 和 blur-radius 作为默认值）

  • text-shadow: X偏移 Y偏移 颜色;

  • text-shadow: X偏移 Y偏移 模糊半径 颜色;

多个阴影可以用逗号分开。

参考​

Shadows，Learn CSS - web.dev