2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 利用CSS设置文字的阴影效果

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

时间:2020-08-01 23:55:06

相关推荐

利用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>中期报告</h3>

</div>

</div>

css代码

.text .caption h3{

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

}

效果图如下:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。