CCS让标题文字更耀眼

数码时尚

枫叶子

　　到QQ社区去看过吗？你一定会为它丰富的色彩、和谐的配色所吸引。正如QQ所营造的多彩网络生活那样，QQ社区的网页也令人赏心悦目。在用了许多图片装饰外，笔者发现CSS在其中运用淋漓，尤其在正文标题上，更显耀眼醒目。我们通过图片对照来看看如何实现。

　　1.代码：＜span style="filter:glow(Color=#000000,strength=4); width: 100%;"＞＜font color=#ffffff size="5"＞加盟Q-Gen专卖店，轻松拥1.4亿顾客＜/font＞＜/span＞，图1。

　　2.代码：＜span style="color:red;filter: glow(color=yellow,strength=1);width: 100%"＞1、7位靓号闪亮登场＜/span＞，图2。

　　提示：它们是用grow发光滤镜实现的，strength值越大，光越强。

　　3.代码：＜b＞＜span style="color:blue;filter:glow(color=white,strength=0) shadow(color=gray,direction=110); width: 100%"＞＜font size="5"＞支教扶贫，腾讯向贫困山区捐赠电脑＜/font＞＜/span＞＜/b＞，效果如图3。

　　4.代码：＜span style="filter: glow(color=white,strength=0) shadow(color=pink,direction=110); width:100%;"＞＜font color="#FED112" size="5"＞QQ卡新春欢乐颂！＜/font＞＜/span＞，效果如图4。

　　总结：它们是投影滤镜和发光滤镜结合的效果，其中direction表示投影的方向。

　　Grow与Shadow滤镜用的好坏，完全取决于其参数的设置，如颜色、角度等。用得好，它完全可以取代靠图片实现的效果；用得不当，弄巧成拙。QQ社区正提供给大家较好的设计效果，笔者试着设计了一个标题，不错吧！

　　代码是：＜span style="filter:shadow(color=#000000,direction=180);width: 100%"＞＜font size="5" color="#FFFF00" face="华文中宋"＞Css让网页更多彩多姿＜/font＞＜/span＞，效果如图5。

　　当然CSS滤镜还有很多，只是grow和shadow用得多一些而已，大家自己去挖掘吧！