![HTML5+CSS3+JavaScript 从入门到项目实践(超值版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/418/31794418/b_31794418.jpg)
上QQ阅读APP看书,第一时间看更新
5.5 实践案例——设置简单的文字效果
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P98_21291.jpg?sign=1739189162-1I6MwoCocsNYqSi7XVZQsIgwu1mBetpk-0-8376645b51b52487143c9e4b9a629497)
网页文本的效果对一个页面来说非常重要,因为网页中大部分是文本。本章介绍了文本的一些设置样式,下面就来看一下案例。
本案例主要是使用CSS中的文本阴影(text-shadow)属性来完成的,实现起来非常简单,读者可以根据自己的喜好来进行设置。
【例5-16】(实例文件:ch05\Chap5.16.html)简单的文字效果。
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P98_119788.jpg?sign=1739189162-NIfaORRXqShDN3l1l42wbSEM96K6V6GB-0-9c0ea542a2422661b9e64707eec44b1d)
相关的代码实例请参考Chap5.16.html文件,在IE浏览器中运行的结果如图5-16所示。
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P99_21308.jpg?sign=1739189162-gx5tCFUSLCauIhJVNZ4GLLpdKmNu5ADS-0-ba9a391ff6d5b3f82f119b48e8136761)
图5-16 简单的文字效果