1、首先看下定义前的效果

2、打开我们事先写好的网页代码

3、在head标签之间加入<style type="text/css"></style>这串代码

4、然后在style标签中输入
p{
text-align:center;
font:bold 60px Arial, Helvetica, sans-serif;
color:#fff;
text-shadow: black 0.1em 0.1em 0.2em;
}

5、然后保存并浏览

6、这个就是最终的文本效果了

1、 由此可见,当我们用CSS中的text-shadow属性定义文本阴影时,可以突出我们的文本,达到很好的效果