在 CSS 中，可以使用 text-shadow 属性来实现字体阴影效果。text-shadow 属性允许你为文本添加一个或多个阴影。基本的语法格式如下：

text-shadow: h-offset v-offset blur-radius color;

h-offset：水平偏移量，正值表示阴影向右偏移，负值表示阴影向左偏移。
v-offset：垂直偏移量，正值表示阴影向下偏移，负值表示阴影向上偏移。
blur-radius（可选）：模糊半径，值越大表示阴影越模糊。如果不指定，默认为 0，即阴影不模糊。
color（可选）：阴影的颜色，可以使用任何合法的 CSS 颜色值（如关键词、RGB、HEX 等）。如果不指定，默认颜色为黑色。
示例
‌简单的阴影效果‌

p {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}


这将为 <p> 元素中的文本添加一个水平偏移 2 像素、垂直偏移 2 像素、模糊半径为 4 像素且颜色为半透明黑色的阴影。

‌多重阴影效果‌

h1 {
    text-shadow: 1px 1px 2px black, 0 0 5px blue;
}


这将为 <h1> 元素中的文本添加两个阴影效果：一个是偏移 1 像素且模糊半径为 2 像素的黑色阴影，另一个是无偏移但模糊半径为 5 像素的蓝色阴影。

‌无模糊阴影‌

h2 {
    text-shadow: 3px 3px red;
}


这将为 <h2> 元素中的文本添加一个水平偏移 3 像素、垂直偏移 3 像素且不模糊的红色阴影。

注意事项
可以根据需要调整 h-offset、v-offset、blur-radius 和 color 的值，以获得所需的阴影效果。
text-shadow 属性可以应用于任何包含文本的元素，如 <p>、<h1>、<span> 等。
如果不指定 blur-radius 和 color，它们将使用默认值（blur-radius 为 0，color 为黑色）。

通过使用 text-shadow 属性，你可以轻松地为网页中的文本添加各种阴影效果，从而提升文本的可读性和视觉效果。