利用CSS设置文字的阴影效果

text-shadow 为网页字体添加阴影，通过对text-shadow属性设置相关的属性值。

属性与值的说明如下：

text-shadow: [X-offset,Y-offset,Color,Blur]; 

X-offset:指阴影居于字体水平偏移的位置。

Y-offset:指阴影居于字体垂直偏移的位置。

color:指阴影的颜色；

Blur:指阴影的模糊值。

代码如下：

<div class="text">
          <div class="caption">

            <h3>2017年中期报告</h3>

          </div>

</div>

css代码

.text .caption h3{
      text-shadow: 2px 2px 2px grey;

    }

效果图如下：