如何使用CSS实现文本阴影?

raf*_*fek 4 html css

如何在CSS中使用阴影处理文本以实现类似下面的"30免费矢量图标"文本的效果?

在此输入图像描述

SuN*_*SuN 7

试试这个 :

HTML:

<div style="background:#ccccc;"><h1 class="myshadow">Cool text</h1></div>
Run Code Online (Sandbox Code Playgroud)

CSS:

    h1.myshadow{
            color: #C8C8C8;
            letter-spacing: 2px;
            text-shadow: 1px 1px white, -1px -1px #444;
    }
Run Code Online (Sandbox Code Playgroud)

您需要使用的CSS属性是 text-shadow

更多信息:http://www.w3schools.com/cssref/css3_pr_text-shadow.asp