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)