如何使用 CSS 对文本应用阴影效果？

在本文中，我们将学习如何使用 CSS 对文本应用阴影效果。 CSS 的 text-shadow 属性用于对文本应用阴影效果。

方法： CSS 的text-shadow属性用于对文本应用阴影效果。它需要四个值 vertical_shadow、horizontal_shadow、blur 和 color。 text-shadow 属性所采用的所有属性的详细信息如下：

• vertical_shadow：文字阴影垂直位置。
• 水平阴影：文本的阴影水平位置。
• 模糊：它是我们想要多少模糊阴影的值。它是可选的。
• color：它是阴影的颜色。

句法：

text-shadow: vertical_shadow horizontal_shadow blur color;

示例 1：

HTML

  
    
    
  
  
    
GeeksforGeeks
    
GeeksforGeeks
  

输出：

• 在应用 text-shadow 属性之前：
  

应用 text-shadow 属性后：

示例 2：此示例向您展示了模糊值如何在 text-shadow 属性中工作。

HTML

  
    
    
  
  
    
GeeksforGeeks
    
GeeksforGeeks
  

输出：

• 在应用带有模糊值的 text-shadow 属性之前：

  

• 应用带有模糊值的 text-shadow 属性后：