CSS 如何使用 text-shadow 和 box-shadow 阴影效果

CSS 文字阴影 text-shadow

CSS text-shadow 属性为文本添加阴影。

语法

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

注意： text-shadow属性连接一个或更多的阴影文本。属性是阴影，指定的每2或3个长度值和一个可选的颜色值用逗号分隔开来。已失时效的长度为0。

值	描述
h-shadow	必需。水平阴影的位置。允许负值。
v-shadow	必需。垂直阴影的位置。允许负值。
blur	可选。模糊的距离。
color	可选。阴影的颜色。参阅 CSS 颜色值。

最简单的用法是只指定水平阴影（2px）和垂直阴影（2px）：

接下来，为阴影添加颜色：