如何为文本添加阴影
在本指南中，您可以了解如何为页面上的任何文本添加阴影。
为文本添加阴影
在我们的为盒子添加阴影指南中，您可以了解如何为页面上的任何元素添加阴影。但是，这种技巧只能为元素周围的盒子添加阴影。要为盒子内的文本添加投影，您需要一个不同的 CSS 属性——text-shadow。
text-shadow 属性接受多个值
- X 轴上的偏移量
- Y 轴上的偏移量
- 模糊半径
- 颜色
在下面的示例中，我们将 X 轴偏移量设置为 2px，Y 轴偏移量设置为 4px，模糊半径设置为 4px，颜色设置为半透明蓝色。尝试不同的值，看看它们如何改变阴影。
注意：使用文本阴影很容易使文本难以阅读。请确保您做出的选择仍然使您的文本可读，并为难以阅读低对比度文本的访问者提供足够的颜色对比度。