CSS 如何使用css给出文本阴影

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 如何使用css给出文本阴影相关的知识,希望对你有一定的参考价值。

Here is a simple way to give shadow to a text using css.

HTML:
<div id="wrapper">
<span class="firstlayer">Text with shadow using CSS</span>
<span class="secondlayer">Text with shadow using CSS</span>
</div>

CSS:
.firstlayer {
font-size: 18px;
font-weight: bold;
color: #aa0000;
position: absolute;
top: 120px;
left: 20px;
z-index: 1;
}
.secondlayer {
font-size: 18px;
font-weight: bold;
color: #aaa;
position: absolute;
top: 122px;
left: 22px;
z-index: 0;
}

以上是关于CSS 如何使用css给出文本阴影的主要内容,如果未能解决你的问题,请参考以下文章

CSS 使用多个CSS文本阴影的Letterpress文本效果

CSS3 文本效果

css3 文本效果

css CSS动画阴影文本 - 背景作为阴影

Css 仅条纹文本阴影效果

css 使用文本阴影完成的轮廓字体