text-shadow属性是CSS中用来设置文本阴影效果的属性。它可以为文本添加一种视觉效果，使得文本看起来更加突出和立体感。下面是详细说明和示例：
1、语法
text-shadow属性有以下语法：
text-shadow: h-shadow v-shadow blur-radius color;- h-shadow：表示阴影水平偏移量，取值可以是正值、负值或0，默认值为0。
- v-shadow：表示阴影垂直偏移量，取值可以是正值、负值或0，默认值为0。
- blur-radius：表示模糊半径，取值可以是正值或0，默认值为0，值越大阴影越模糊。
- color：表示阴影颜色，取值可以是CSS颜色值、十六进制颜色值或RGB颜色值，默认值为黑色。
2、示例
下面是一个使用text-shadow属性的例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>text-shadow示例</title>
<style>
h1 {
text-shadow: 2px 2px 4px #666;
}
p {
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一段文本</p>
</body>
</html>上面的代码中，h1元素设置了一个黑色的阴影，水平偏移量为2px，垂直偏移量也为2px，模糊半径为4px。
而p元素设置了一个白色的投影，它是由4个阴影组成的，每个阴影分别是左上、右上、左下和右下方向的。它们的偏移量都为1px，而模糊半径为0，因此看起来像是一个类似于描边的效果。
通过这些示例可以看出，text-shadow属性可以产生非常有趣的文本阴影效果，开发人员可以通过灵活运用这个属性，为网站设计增添一些细节上的美感。
正文完