css中可以使用text-shadow属性给字体添加阴影效果，text-shadow是CSS样式属性单词，是设置对象中文本的文字字体是否有阴影及模糊效果的CSS样式。
text-shadow属性的语法：
text-shadow: h-shadow v-shadow blur color;
参数：
h-shadow： 设置水平阴影的位置（x轴方向），必需要设置的参数；允许负值。
v-shadow ： 设置垂直阴影的位置（y轴方向），必需要设置的参数，允许负值。
blur： 阴影模糊的距离（半径大小），可选择设置的参数。
color ： 阴影的颜色，可选择设置的参数。
注释：text-shadow 属性可以向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。
示例：
<div class="text">
<div class="caption">
<h3>2017年中期报告</h3>
</div>
</div>
.text .caption h3{
text-shadow: 2px 2px 2px grey;
}效果如下：
更多相关知识请关注web前端课程
以上就是css中怎么给字体添加阴影效果的详细内容，更多请关注易知道|edz.cc其它相关文章！
