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

Question

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

Answer 1

试试这个 :

HTML:

<div style="background:#ccccc;"><h1 class="myshadow">Cool text</h1></div>

CSS:

    h1.myshadow{
            color: #C8C8C8;
            letter-spacing: 2px;
            text-shadow: 1px 1px white, -1px -1px #444;
    }

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

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