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页面,保存后使用浏览器打开即可看到效果。所有代码:
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:92
阅读量:57
阅读量:83
阅读量:65
阅读量:77