css3设置字体阴影

1、新建一个html页面。如图：

2、在html代码页面创建一个<div>并输入需要设置阴影的文字，然后给这个<div>添加一个class类，案例中设置的class类为：shadow。如图：

代码：<div class="shadow">设置字体阴影效果</div>

3、创建<style>标签，用于设置阴影效果样式类代码。如图：

4、设置字体阴影效果。在<style>标签里面设置阴影样式类。

样式代码：

.shadow{

text-shadow:2px 2px 8px #ff3300;

font-size: 50px;

}

5、保存html页面代码，然后使用浏览打开即可看到页面效果。

6、所有代码。可以直接复制所有代码，粘贴到新建的html页面，保存后使用浏览器打开即可看到效果。

所有代码：