css3设置字体阴影
css3提供了一个字体阴影效果，支持所有主流浏览器。
代码：text-shadow: h-shadow v-shadow blur color;
h-shadow：必需。水平阴影的位置。允许负值。
v-shadow：必需。垂直阴影的位置。允许负值。
blur：可选。模糊的距离。
color：可选。阴影的颜色。
操作方法
- 01
新建一个html页面。如图：
- 02
在html代码页面创建一个<div>并输入需要设置阴影的文字，然后给这个<div>添加一个class类，案例中设置的class类为：shadow。如图： 代码：<div class="shadow">设置字体阴影效果</div>
- 03
创建<style>标签，用于设置阴影效果样式类代码。如图：
- 04
设置字体阴影效果。在<style>标签里面设置阴影样式类。 样式代码： .shadow{ text-shadow:2px 2px 8px #ff3300; font-size: 50px; }
- 05
保存html页面代码，然后使用浏览打开即可看到页面效果。
- 06
所有代码。可以直接复制所有代码，粘贴到新建的html页面，保存后使用浏览器打开即可看到效果。 所有代码：
赞 (0)