登录模块加载中...

龙盟编程博客 | 无障碍搜索 | 云盘搜索神器

快速搜索

主页 > web编程 > div+css/html >

特殊效果的文字应用运用css滤镜集锦-(0)

时间:2012-12-29 08:41来源:未知作者:admin 点击: 次

分享到：

style!--a:hover { color: #000000; text-decoration: underline}--!--a:active { color: #000000; text-decoration: none}--!--a:link { color: #2F2D37; ; text-decoration: none}--!--a:visited { color: #2F2D37;; text-decoration: none}--.abc { line-h

<style>     .abc { line-height: 22px} .t12 { font-family:华文行楷; font-size: 15px; font-weight: lighter; color: ##C3C1C1; Filter: dropshadow(color=#ffffff,offx=1,offy=1); TEXT-ALIGN: center; TEXT-DECORATION: none } </style> <BODY BGCOLOR=#C3C1C1 style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=green,endColorStr=white);"> <center> <TABLE><TR><TD style="FILTER: glow(color:#308148,strength=5);color: #ffffff;font-size:18px;font-family:隶书"><br /> </DIV> <div class="dede_pages"> <ul class="pagelist"> </ul> </div> </DIV> <DIV class=page_next> <UL> <LI>上一篇：<a href='/newsHtm/34/n_21534.shtml'>技术指南：使用表单制作网页的五点技巧-(0)</a> </LI> <LI>下一篇：<a href='/newsHtm/36/n_21536.shtml'>web标准化、XHTML与CSS层叠样式表的关系-(0)</a> </LI></UL> </DIV> <div id="google_article_next_ad1" style="width:336px;height:280px;margin:0px auto;"><script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> <DIV class="addfav" >  <div id="ckepop" style="margin-top:15px;"> <span class="jiathis_txt" style="color:#8f8f8f">分享到：</span> <a class="jiathis_button_qzone">QQ空间</a> <a class="jiathis_button_tsina">新浪微博</a> <a class="jiathis_button_renren">人人网</a> <a class="jiathis_button_kaixin001">开心网</a> <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a> <a class="jiathis_counter_style"></a> </div> <script type="text/javascript" src="http://v2.jiathis.com/code/jia.js" charset="utf-8"></script>  </DIV> <DIV class=blkContainerSblkCon>  <script>document.write('<div id="SOHUCS" sid="'+UYId+'" ></div>');</script> <script charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/changyan.js" ></script> <script type="text/javascript"> window.changyan.api.config({ appid: 'cytTCv4G0', conf: 'prod_ff1eac20de6755fec45da9b19bca6cbc' }); </script> </DIV> <script type="text/javascript"> SyntaxHighlighter.highlight(); //高亮代码 </script> </div>  <div class="top_bg">精彩图集</div> <div class="top_bg_down"> <div class="CH_CP_TOP"> <div class="p_img_xian"> <A href="/newsHtm/95/n_41495.shtml" title='BS项目中的CSS架构_仅加载自己需要的CSS'><img src='/sp/attachments/allimg/c140612/140255A0196230-1R50_lit.png' border='0' width='100' height='72' alt='BS项目中的CSS架构_仅加载自己需要的CSS'></A></div> <div class="CH_title"> <A href="/newsHtm/95/n_41495.shtml" title='BS项目中的CSS架构_仅加载自己需要的CSS' target=_blank>BS项目中的</A> </div> </div> <div class="CH_CP_TOP"> <div class="p_img_xian"> <A href="/newsHtm/97/n_41197.shtml" title='css实现气泡框效果(实例加图解)'><img src='/sp/attachments/allimg/c140611/14024W0S423F-14933_lit.png' border='0' width='100' height='72' alt='css实现气泡框效果(实例加图解)'></A></div> <div class="CH_title"> <A href="/newsHtm/97/n_41197.shtml" title='css实现气泡框效果(实例加图解)' target=_blank>css实现气泡</A> </div> </div> <div class="clear"></div> </div> <div class="left_right"> <div id="control_left"> <div class="top_bg_small">精彩文章</div> <div class="top_bg_down_small"> <div class="content_list_left"> <ul> <li><A title="Iframe自适应其加载的内容高度" href="/newsHtm/40/n_43640.shtml">Iframe自适应其加载的内容高度</A></li> <li><A title="Lesson02_01 表格标签" href="/newsHtm/06/n_43406.shtml">Lesson02_01 表格标签</A></li> <li><A title="制作WEB在线编辑器-插入HTML标签" href="/newsHtm/76/n_43376.shtml">制作WEB在线编辑器-插入HTML标签</A></li> <li><A title="文章内容页广告浮于左上角的解决办法" href="/newsHtm/11/n_43311.shtml">文章内容页广告浮于左上角的解决</A></li> <li><A title="什么叫标准网页设计?" href="/newsHtm/07/n_43307.shtml">什么叫标准网页设计?</A></li> <li><A title="CSS入门教程篇" href="/newsHtm/92/n_43292.shtml">CSS入门教程篇</A></li> <li><A title="CSS标签切换代码实例教程比较漂亮" href="/newsHtm/42/n_42642.shtml">CSS标签切换代码实例教程比较漂</A></li> <li><A title="推荐深入理解css中的position定位和z-index属性" href="/newsHtm/34/n_42634.shtml">推荐深入理解css中的position定位和</A></li> <li><A title="让网页框架透明底部对齐的代码" href="/newsHtm/07/n_42407.shtml">让网页框架透明底部对齐的代码</A></li> <li><A title="网页打开新窗口target=_blank不符合标准" href="/newsHtm/31/n_42131.shtml">网页打开新窗口target=_blank不符合</A></li> </ul> </div> </div></div> <div id="control_right"> <div class="top_bg_small">热点文章</div> <div class="top_bg_down_small"> <p><div class="content_list_left"> <ul> <li><A title="禁用Backspace键不让退到上一个网页" href="/newsHtm/78/n_1478.shtml">禁用Backspace键不让退到上一个网页</A></li> <li><A title="html/js在线调试器" href="/newsHtm/40/n_16840.shtml">html/js在线调试器</A></li> <li><A title="CSS教程之：CSS内间距" href="/newsHtm/03/n_1503.shtml">CSS教程之：CSS内间距</A></li> <li><A title="控制TextArea限制行数和字符数的方法讲解" href="/newsHtm/77/n_1477.shtml">控制TextArea限制行数和字符数的方</A></li> <li><A title="as2及as3 flash广告物料中添加clickTAG的方法as3中兼容ie不被拦截的方法" href="/newsHtm/52/n_16852.shtml">as2及as3 flash广告物料中添加click</A></li> <li><A title="95%的中国网站需要重写CSS" href="/newsHtm/42/n_43642.shtml">95%的中国网站需要重写CSS</A></li> <li><A title="使用css实现全兼容浏览器的三角形" href="/newsHtm/17/n_50917.shtml">使用css实现全兼容浏览器的三角形</A></li> <li><A title="固定右栏宽度, 左栏内容先出现同时自适应宽度的布局" href="/newsHtm/39/n_43639.shtml">固定右栏宽度, 左栏内容先出现同</A></li> <li><A title="手机上网，一步一步WAP网站建设从入门到学会教程" href="/newsHtm/82/n_1482.shtml">手机上网，一步一步WAP网站建设从</A></li> <li><A title="IE Bug--浮动对象外补丁的双倍距离的解决方法" href="/newsHtm/37/n_43637.shtml">IE Bug--浮动对象外补丁的双倍距离</A></li> </ul> </div> </p> </div></div></div>  </div> <div id="word_right"> <div class="right_ad2"><div class="right_content1"><script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div></div> <div class="right_ad1"> <div class="right_content"> <ul id="nav" class="menu_lbg1"> <li><a href="#" onmouseover="javascript:qmain_menu_lbq(1)" >最新文章</a></li> <li class="a1" ></li> <li><a href="#" onmouseover="javascript:qmain_menu_lbq(2)">最新日志</a></li> <li class="a1"></li> <li><a href="#" onmouseover="javascript:qmain_menu_lbq(3)">最新帖子</a></li> </ul> <div class="change_bottom" id="change_down1"><div> <ul> <li><A title="HTML实现title 属性换行小技巧" href="/newsHtm/43/n_53143.shtml">HTML实现title 属性换行小技巧</A></li> <li><A title="使用css实现全兼容浏览器的三角形" href="/newsHtm/17/n_50917.shtml">使用css实现全兼容浏览器的三角形</A></li> <li><A title="<strong>使用css实现全兼容tooltip提示框</strong>" href="/newsHtm/16/n_50916.shtml"> 使用css实现全兼容tooltip提示框 </A></li> <li><A title="em px的关系" href="/newsHtm/43/n_43643.shtml">em px的关系</A></li> <li><A title="95%的中国网站需要重写CSS" href="/newsHtm/42/n_43642.shtml">95%的中国网站需要重写CSS</A></li> <li><A title="在iframe中隐藏横向滚动条的方法大全" href="/newsHtm/41/n_43641.shtml">在iframe中隐藏横向滚动条的方法大全</A></li> <li><A title="Iframe自适应其加载的内容高度" href="/newsHtm/40/n_43640.shtml">Iframe自适应其加载的内容高度</A></li> <li><A title="固定右栏宽度, 左栏内容先出现同时自适应宽度的布局" href="/newsHtm/39/n_43639.shtml">固定右栏宽度, 左栏内容先出现同时自适应</A></li> <li><A title="转载未知大小的图片在一个已知大小容器中的水平和垂直居中（二）" href="/newsHtm/38/n_43638.shtml">转载未知大小的图片在一个已知大小容器中</A></li> </ul> </div> </div> <div class="change_bottom" id="change_down2" style="display:none"> <ul> <li><A title="不能看到某个圆圈中的数字，就说明某方面潜伏问题" href="/bbs/blog-1-3223.html">不能看到某个圆圈中的数字，就说明某方面潜伏问题</A></li> <li><A title="恶搞新交规" href="/bbs/blog-1-3222.html">恶搞新交规</A></li> <li><A title="三个故事说穿了许多人" href="/bbs/blog-1-3221.html">三个故事说穿了许多人</A></li> <li><A title="Linux下安装、启动MySQL" href="/bbs/blog-267-3220.html">Linux下安装、启动MySQL</A></li> <li><A title="学习PHP&MySQL之——字符编码篇（二）" href="/bbs/blog-267-3219.html">学习PHP&MySQL之——字符编码篇（</A></li> <li><A title="Navicat连接本地Mysql出现10061错误,但链接远程没有问题的解决方法" href="/bbs/blog-267-3218.html">Navicat连接本地Mysql出现10061错</A></li> <li><A title="MySQL Connector/Net 6.6.4 发布" href="/bbs/blog-267-3217.html">MySQL Connector/Net 6.6.</A></li> <li><A title="mysql主从同步图" href="/bbs/blog-267-3216.html">mysql主从同步图</A></li> <li><A title=""未找到 Oracle 客户端和网络组件。这些组件是.."的解决办法" href="/bbs/blog-267-3215.html">"未找到 Oracle 客户端和网络组</A></li> </ul> </div> <div class="change_bottom" id="change_down3" style="display:none"> <ul id="bbs_top10"> </ul></div></div> </div> <style>.rmbq a{height:20px;padding:2px;line-height:20px;}</style> <div class="right_ad1 rmbq"> <div class="right_content2"><h2 class="tit1">热门标签</h2> <div style="width: 280px;margin: 5px auto;height: 300px;line-height: 24px;overflow: hidden;"> <a href='/tags.php?/Callback/' class='tagc1'>Callback</a> <a href='/tags.php?/filter_input/' class='tagc2'>filter_input</a> <a href='/tags.php?/%E6%9B%B4%E6%96%B0cookie/' class='tagc2'>更新cookie</a> <a href='/tags.php?/datatables/' class='tagc2'>datatables</a> <a href='/tags.php?/%E7%BA%AFCSS/' class='tagc1'>纯CSS</a> <a href='/tags.php?/%E6%93%8D%E4%BD%9C%E4%B8%AD%E6%96%87%E4%BB%B6%E5%90%8D/' class='tagc1'>操作中文件名</a> <a href='/tags.php?/%E5%8A%A8%E6%80%81%E6%94%B9%E5%8F%98/' class='tagc2'>动态改变</a> <a href='/tags.php?/simplexml_lo/' class='tagc1'>simplexml_lo</a> <a href='/tags.php?/rabbitmq/' class='tagc1'>rabbitmq</a> <a href='/tags.php?/%E4%BC%AA%E8%A3%85/' class='tagc2'>伪装</a> <a href='/tags.php?/%E8%BD%AC%E4%B9%89%E7%AC%A6/' class='tagc1'>转义符</a> <a href='/tags.php?/nunit/' class='tagc2'>nunit</a> <a href='/tags.php?/busy/' class='tagc2'>busy</a> <a href='/tags.php?/%E9%A1%B5%E9%9D%A2%E5%8A%A8%E6%80%81%E6%97%B6%E9%97%B4/' class='tagc1'>页面动态时间</a> <a href='/tags.php?/nowrap/' class='tagc2'>nowrap</a> <a href='/tags.php?/%E7%BB%83%E4%B9%A0%E9%A2%98/' class='tagc1'>练习题</a> <a href='/tags.php?/%E8%AF%BB%E5%8F%96cookie/' class='tagc2'>读取cookie</a> <a href='/tags.php?/%E8%BF%9E%E7%BB%AD%E8%AE%B0%E5%BD%95/' class='tagc2'>连续记录</a> <a href='/tags.php?/phpword/' class='tagc1'>phpword</a> <a href='/tags.php?/ueditor1.2.6/' class='tagc1'>ueditor1.2.6</a> <a href='/tags.php?/%E9%85%8D%E7%BD%AEip/' class='tagc2'>配置ip</a> <a href='/tags.php?/DBID/' class='tagc2'>DBID</a> <a href='/tags.php?/1175/' class='tagc2'>1175</a> <a href='/tags.php?/%E6%8A%A5%E9%94%99PRVF-0002/' class='tagc2'>报错PRVF-0002</a> <a href='/tags.php?/ForceInclude/' class='tagc1'>ForceInclude</a> <a href='/tags.php?/DAYOFMONTH/' class='tagc1'>DAYOFMONTH</a> <a href='/tags.php?/%E8%A7%A3%E5%86%B3/' class='tagc5'>解决</a> <a href='/tags.php?/apache%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6/' class='tagc2'>apache配置文件</a> <a href='/tags.php?/sql%E6%9F%A5%E8%AF%A2%E8%AF%AD%E5%8F%A5/' class='tagc2'>sql查询语句</a> <a href='/tags.php?/%E9%98%B2%E7%81%AB%E5%A2%99%E9%98%BB%E6%AD%A2/' class='tagc2'>防火墙阻止</a> <a href='/tags.php?/%E8%99%9A%E5%87%BD%E6%95%B0/' class='tagc1'>虚函数</a> <a href='/tags.php?/%E6%B5%B7%E9%BE%9F/' class='tagc1'>海龟</a> <a href='/tags.php?/%E8%8E%B7%E5%8F%96https/' class='tagc1'>获取https</a> <a href='/tags.php?/%E9%A2%84%E5%A4%84%E7%90%86%E6%8A%80%E6%9C%AF/' class='tagc2'>预处理技术</a> <a href='/tags.php?/%E9%87%8D%E5%A4%8D%E9%94%AE%E5%80%BC/' class='tagc1'>重复键值</a> <a href='/tags.php?/%E5%AE%9A%E6%97%B6%E5%99%A8/' class='tagc5'>定时器</a> <a href='/tags.php?/volatile/' class='tagc2'>volatile</a> <a href='/tags.php?/%E4%B8%8A%E6%A0%87/' class='tagc1'>上标</a> <a href='/tags.php?/PHP+%E7%9F%AD%E4%BF%A1%E5%B9%B3%E5%8F%B0/' class='tagc2'>PHP 短信平台</a> <a href='/tags.php?/%E8%AE%BE%E5%A4%87%E5%90%8D/' class='tagc1'>设备名</a> <a href='/tags.php?/Linux%E6%96%87%E4%BB%B6%E7%9B%AE%E5%BD%95/' class='tagc2'>Linux文件目录</a> <a href='/tags.php?/Oracle%E5%A4%96%E9%94%AE/' class='tagc2'>Oracle外键</a> <a href='/tags.php?/%E7%BD%91%E7%BB%9C%E7%88%AC%E8%99%AB/' class='tagc1'>网络爬虫</a> <a href='/tags.php?/%E5%B8%B8%E7%94%A8%E7%9A%84/' class='tagc1'>常用的</a> <a href='/tags.php?/ADO.NET/' class='tagc2'>ADO.NET</a> <a href='/tags.php?/%E6%8E%A7%E4%BB%B6%E9%A2%9C%E8%89%B2/' class='tagc1'>控件颜色</a> <a href='/tags.php?/%E6%8F%90%E4%BA%A4%E5%8F%82%E6%95%B0%E8%BF%87%E6%BB%A4/' class='tagc1'>提交参数过滤</a> <a href='/tags.php?/php+php+Code/' class='tagc2'>php php Code</a> <a href='/tags.php?/3D%E6%89%87%E5%BD%A2/' class='tagc2'>3D扇形</a> <a href='/tags.php?/%E6%9C%80%E7%9F%AD%E8%B7%AF%E5%BE%84%E7%AE%97%E6%B3%95/' class='tagc2'>最短路径算法</a> <a href='/tags.php?/%E4%B8%BE%E4%BE%8B/' class='tagc2'>举例</a> <a href='/tags.php?/Carmark%E5%AF%86%E7%A0%81/' class='tagc1'>Carmark密码</a> <a href='/tags.php?/%2BTomcat/' class='tagc1'>+Tomcat</a> <a href='/tags.php?/%E6%95%B0%E6%8D%AE%E5%BA%93%E5%AD%97/' class='tagc1'>数据库字</a> <a href='/tags.php?/%E6%9A%82%E5%81%9C/' class='tagc1'>暂停</a> <a href='/tags.php?/%E8%AE%BE%E5%A4%87/' class='tagc1'>设备</a> <a href='/tags.php?/%E5%AE%89%E8%A3%85%E5%BC%80%E5%A7%8B/' class='tagc1'>安装开始</a> <a href='/tags.php?/%E8%A7%81%E8%A7%A3/' class='tagc2'>见解</a> <a href='/tags.php?/%E6%97%A5%E5%BF%97%E7%B3%BB%E7%BB%9F/' class='tagc2'>日志系统</a> <a href='/tags.php?/NTFS/' class='tagc2'>NTFS</a> </div></div> </div> <div class="right_ad1"> <div class="right_content2"><h2 class="tit1">赞助商链接</h2> <div align="center"> <script type="text/javascript"> google_ad_client = "pub-2165610513794018"; /* 160x600, 创建于 08-11-28 */ google_ad_slot = "3974845827"; google_ad_width = 160; google_ad_height = 600; </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div></div> </div>  </div> <div class="clear"></div></div> <div class="clear"></div> <div id="foot"> <div class="center"> <div class="tonglan" id="tonglan_bg" align="center"><a href="/newsHtm/about.html">关于我们</a> - <a href="/newsHtm/contact.html">联系我们</a> - <a href="#">广告服务</a> - <a href="/newsHtm/yjfk.html">意见反馈</a> - <a href="#">网站地图</a> - <a href="#">版权声明</a> - <a href="#">人才招聘</a> - <a href="#">帮助</a></div></div> <div class="center"> <div class="tonglan" id="bottom" align="center"> <p>@CopyRight 2002-2008, 1SOHU.COM, Inc. All Rights Reserved QQ:1010969229</p> <p><a href="http://beian.miit.gov.cn" target="_blank">京ICP备18042785号-1</a> <script language="JavaScript" src="http://s67.cnzz.com/stat.php?id=259003&web_id=259003&show=pic" charset="gb2312"></script> <script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fb97f11b3c4c68d586839d98f8773582d' type='text/javascript'%3E%3C/script%3E")); </script> </p></div></div> </div>  <script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fb97f11b3c4c68d586839d98f8773582d' type='text/javascript'%3E%3C/script%3E")); </script> <script language="JavaScript" src="/x/images/weibu.js?ver=2.0" ></script> <script type="text/javascript" src="/x/js/Tracer.js?user=dYxARq4dCr3Pn2ab7jrHcU&s=555"></script> <a class="W_gotop" id="goTopBtn" style="display:none;"><span><em class="sj">♦</em><em class="fk">▐</em>返回顶部</span> </a> <SCRIPT type=text/javascript>goTopEx();</SCRIPT>   <script type="text/javascript" charset="utf-8" src="http://tui.cnzz.net/cs.php?id=1000017434"></script>  </body> </html>