设为首页
加入收藏
用户登陆
特效首页
素材首页
网页特效
特效推荐
设计欣赏
英文字体
中文字体
学习论坛
站 内 搜 索
热门关键字：
表格
超链接
漂浮
跟随
旋转
闪烁
日期
艺术字
滚动
点击
关联菜单
弹出
随机
网页特效分类
鼠标特效
页面特效
背景特效
导航菜单
状态栏类
文本特效
链接特效
图形特效
窗口特效
按钮特效
时间日期
系统相关
计数转换
游戏娱乐
黑客性质
代码生成
综合特效
CSS相关
网页特效分类
>>
CSS相关
用CSS设计艺术字
[ 发布者：luwei | 来源：本站整理 | 时间：2005-10-26 | 浏览： 人次 ]
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|JcwCn.Com/Js|---用CSS设计艺术字</title> <body> <style type="text/css"> <!-- .title_1 { font-family: "Verdana"; font-size: 12px; color: #E1E4EC; width: 100%; filter: DropShadow(Color=#213C63, OffX=1, OffY=1)} .text { font-family: "Verdana"; font-size: 12px; line-height: 16px; color: #666699; text-decoration: none} .unnamed1 { filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1)} --> </style> <table width="500" border="0" cellspacing="1" cellpadding="0" bgcolor="#8C96B5" align="center"> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text">如果灵活应用CSS各种滤镜的特点并加以组合，我们可以得到许多意想不到的效果。这是一些效果示范，供各位参考。</td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text"> <table align=center border=0 width="200" height="50"> <tr> <td style="FILTER: blur(direction=135,strength=8)" align="center"><font face="黑体" color="#8C96B5" size="6"><b><i>网页特效Abc</i></b></font></td> </tr> </table> <br> 用blur滤镜做出的效果，代码如下：<br> <b>FILTER: blur(direction=135,strength=8)</b></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text"> <table align=center border=0 width="200" height="50"> <tr> <td style="FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)" align="center"><font face="黑体" color="#8C96B5" size="6"><b><i>网页特效Abc</i></b></font></td> </tr> </table> <br> 用dropshadow滤镜做出的效果，代码如下：<br> <b>FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)</b></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text"> <table align=center border=0 width="200" height="50"> <tr> <td style="FILTER: glow(color=#B4BBCF,strength=5)" align="center"><font face="黑体" color="#8C96B5" size="6"><b><i>网页特效Abc</i></b></font></td> </tr> </table> <br> 用glow滤镜做出的效果，代码如下：<br> <b>FILTER: glow(color=#B4BBCF,strength=5)</b></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#E1E4EC"> <table width="100%" border="0" cellspacing="8" cellpadding="0" class="unnamed1"> <tr> <td class="text"> <table align=center border=0 width="200" height="50"> <tr> <td style="FILTER: alpha(opacity=100,finishiopacity=0,style=1)shadow(color=#8C96B5,direction=135)" align="center"><font face="黑体" color="#8C96B5" size="6"><b><i>网页特效Abc</i></b></font></td> </tr> </table> <br> 这个效果用到了两种滤镜：shadow和alpha，代码如下：<br> <b>FILTER: alpha(opacity=100,finishiopacity=0,style=1)<br> shadow(color=#8C96B5,direction=135)</b> </td> </tr> </table> </td> </tr> <DIV class=detail_style_5></DIV> <script type="text/javascript"><!-- google_ad_client = "pub-5262606038035610"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as_rimg"; google_cpa_choice = "CAAQq8b8zwEaCGyZtT-0SR1TKJnA93M"; google_ad_channel = ""; //--></script> <script type="text/javascript" src="../../pagead2.googlesyndication.com/pagead/show_ads.js" tppabs="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <DIV class=detail_style_5></DIV> <!--STARTA: 相关特效 --> <DIV class=detail_style_4> <div class="home2-middle3"> <div class="home-bg-news3"><div class="home-bg-newsbg3"> 本 类 相 关 特 效 </div> </div> <div class="xgte-title"> <li><a href="Js675.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js675.htm" title="绝妙CSS效果-特色按钮" rel="external">绝妙CSS效果-特色按钮</a></li> <li><a href="Js524.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js524.htm" title="网页中的上标和下标" rel="external">网页中的上标和下标</a></li> <li><a href="Js556.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js556.htm" title="HTML旗帜" rel="external">HTML旗帜</a></li> <li><a href="Js436.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js436.htm" title="用CSS设计艺术字" rel="external">用CSS设计艺术字</a></li> <li><a href="Js559.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js559.htm" title="调用CSS文件" rel="external">调用CSS文件</a></li> <li><a href="Js557.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js557.htm" title="HTML图标" rel="external">HTML图标</a></li> <li><a href="Js483.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js483.htm" title="非常不错的表单显示效果" rel="external">非常不错的表单显示效果...</a></li> <li><a href="Js529.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js529.htm" title="微软风格的按钮" rel="external">微软风格的按钮</a></li> <li><a href="Js461.htm" tppabs="http://sc.jcwcn.com/tx/JsHtml/Js461.htm" title="自定义Title" rel="external">自定义Title</a></li> </div> </div> </DIV> <!--END: 相关特效 --> </DIV> </DIV> <!--END: 详细内容 --> </DIV> <!--START: 页脚 --> <DIV id=bottom_style_1></DIV> <DIV id=bottom_style_2></DIV> <DIV id=bottom_style_3></DIV> <DIV class=bottom_style_5> CopyRight © 2006 <A class=dtlTxt href="http://www.jcwcn.com" tppabs="http://sc.jcwcn.com/tx/" target=_blank>JcwCn.Com</A> All Rights Reserved <BR> 网页特效代码 | SC v2.0 Designed By JcwCn 有任何问题请与 <a class=dtlTxt href="mailto:jcwcnmail@gmail.com">站长联系</a> </DIV> <!--END: 页脚 --> </body> </html>
