css 中设置字的阴影

CSS 中可以使用 text-shadow 属性来设置字的阴影效果，该属性包含三个参数，分别是水平偏移量、垂直偏移量和模糊半径。

  /* 水平偏移量为 2px，垂直偏移量为 2px，模糊半径为 2px*/  text-shadow: 2px 2px 2px #000;
    

其中，水平偏移量和垂直偏移量的取值可以为任何整数或小数。它们表示阴影相对于文字的位置，正值表示向右或向下偏移，负值表示向左或向上偏移。模糊半径的取值也可以为任何整数或小数，它表示阴影的模糊程度，越大则阴影越模糊。

  /* 水平偏移量为 0，垂直偏移量为 5px，模糊半径为 10px，阴影颜色为灰色*/  text-shadow: 0 5px 10px gray;
    

需要注意的是，text-shadow 属性可以设置多个参数，以实现多个阴影层叠效果。

  /* 两个阴影，分别为黑色偏移 2px，2px*/  text-shadow: 2px 2px black, -2px -2px black;
    

除了 text-shadow 属性，CSS 还提供了 box-shadow 属性用于设置盒子的阴影效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！