html如何给文字添加阴影效果,css中怎么给字体添加阴影效果

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。

示例：

2017年中期报告

.text .caption h3{

text-shadow: 2px 2px 2px grey;

}

效果如下：

更多相关知识请关注web前端课程