利用CSS设置文字的阴影效果
text-shadow 为网页字体添加阴影,通过对text-shadow属性设置相关的属性值。
属性与值的说明如下:
text-shadow: [X-offset,Y-offset,Color,Blur];
属性与值的说明如下:
text-shadow: [X-offset,Y-offset,Color,Blur];
X-offset:指阴影居于字体水平偏移的位置。
Y-offset:指阴影居于字体垂直偏移的位置。
Blur:指阴影的模糊值。
代码如下:
<div class="text">
<div class="caption">
<h3>2017年中期报告</h3>
</div>
</div>
css代码
.text .caption h3{
text-shadow: 2px 2px 2px grey;
}
效果图如下: