css3设置字体阴影

新建一个html页面。如图：

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

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

设置字体阴影效果。在<style>标签里面设置阴影样式类。 样式代码： .shadow{ text-shadow:2px 2px 8px #ff3300; font-size: 50px; }

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

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