资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
CSS/HTML教程
>>>
文字应用css滤镜集锦
<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-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);"> <table WIDTH=760 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0> <TR> <TD COLSPAN=10 class="t12"> <div align="center"> | <a href="dns.asp" _ewebeditor_ta_href="dns.asp">懒的逍遥</a> | <a href="vis.asp" _ewebeditor_ta_href="vis.asp">心有灵犀</a> | <a href="FreeEmail.asp" _ewebeditor_ta_href="FreeEmail.asp">爱在东海</a> | <a href="CorEmail.asp" _ewebeditor_ta_href="CorEmail.asp">无忧制造</a> | <a href="moneylist.asp" _ewebeditor_ta_href="moneylist.asp">我佛山人</a> | <a href="WebDesign.asp" _ewebeditor_ta_href="WebDesign.asp">萧萧小雨</a> | <a href="ad.asp" _ewebeditor_ta_href="ad.asp">紫色真情 </a> | </div></TD> <TD> </TD> </TR> </table> <center> <table><TR><TD style="FILTER: glow(color:#308148,strength=5);color: #ffffff;font-size:18px;font-family:隶书"> 關鍵問題不是走多遠,而是,你是否具有足夠堅定的意志和信念來走這條路,無論他有多遠。</TD></TR></TABLE> <center><span style="color:#09ff11;font: italic 900 16pt 隶书;width: 220;filter: shadow(color=red,direction=135);">自己动手 丰衣足食</span> <table bgcolor=#aaaaaa style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=green,endColorStr=white);"><tr><td style="filter:dropshadow(offX=1,offY=1,color=#000000);color:#ffffff;font-size:18px;font-family:华文行楷">雅语独喃<b><font color='#22FF22'>知</font><font color='#FF2222'>往</font><font color='#001199'>观</font><font color='#00fffa'>来</font></b></td></tr></table> <style type="text/css">.3dfont { FILTER: glow(color=lime,strength=0) shadow(color=lime,direction:135); WIDTH: 678;font-family:隶书;font-size:16px; } </style> <center> <table border="0" width="569"><tr><td width="100%" class="3dfont"><font color="#008040">身高不过1米68,腰圆腿粗像西瓜,头大嘴小鼻梁趴,一张大嘴缺门牙!</font></td></tr></table> <table width="400" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="#999999" bgcolor="#D1D2A4"> <tr> <td style="padding:15px;letter-spacing:3px; COLOR: #6b6c35; FILTER: dropshadow(color=#ffffcc,offx=1,offy=1);" >北国风光,千里冰封,万里雪飘。望长城内外,惟馀莽莽;大河上下,顿失滔滔。山舞银蛇,原驰蜡象,欲与天公试比高。须晴日,看红妆素裹,分外妖娆。</td> </tr> </table> <table width="312" height="123" border="0" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#ffdf03"><div style="filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=black);color:orange;width:100%;font-family:华文新魏;font-size:17px;"><center>织梦好,蚂蚁好;蚂蚁好,织梦更好</div></td> </tr> </table> <center> <!-------語 法 開 始-------> <SPAN style="FILTER: Chroma(Color=green) glow(color:6655ff,strength=3);height:1"> <input type=button value='按 耐 不 住 的 冲 动' onClick=window.open('http://dob.tnc.edu.tw/index.php','_blank') style='background-color:green;border:1px solid white;font-size:12px;color:white;height:22;'> </SPAN> <!-------語法結束-------> <table width="234" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="filter:blur(add=1,direction=135,strength=7)"> <tr> <th scope="row" style="font-family:华文行楷;font-size:18px;color:red;">我想让里面的字正常显示</th> </tr> </table> <table> <tr> <td width="510"> <div style="height:1;width:100%; font-family:impact;font-size:14pt;color:deeppink;display:block; filter:progid:DXImageTransform.Microsoft.wave(Strength=3)"> <p align="center">看小蜜的身材怎么样?您是否已爱上了她! </div></td> </tr> <tr> </table> <table> <tr> <td width="510"> <div style="filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5); height:1;font-size:20pt;font-family:impact;background-color:blue"> <p align="center"> I just couldn't help it.</div></td> </tr> <tr> <td width="510"> <div style="filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5); height:1;font-family:impact;font-size:20pt;background-color:blue"> <p align="center">We'd better be off.</div></td> </tr> <tr> </table> <table> <tr> <td style="FILTER: alpha(opacity=100,finishiopacity=0,style=1) shadow(color=blue,direction=135,strength=6)" align="center"><font color="blue" size="7" face="华文新魏">文章版权归我站和作者共有</font></td> </tr> <tr> <td style="FILTER: glow(color=#bb0909,strength=2) shadow(color=#22BB09,direction=135)" align="center"><font color=#E1E4EC size=6 face="华文新魏"><b>让自己不至于在等待回贴的过程中血气上涌</b></font></td> </tr> <tr> <td style="FILTER: glow(color=yellow,strength=4) mask(color=green) chroma(color=#B4BBCF)" align="center" height=54><font color=#fa2233 size=6 face="华文彩云"><b>一个神奇的测试,更能加深彼此的感情 </b></font></td> </tr> </table> <style type="text/css"> .a1 { font-size: 32px; font-family: "华文行楷"; color: red; filter: dropshadow(color=#fa00fd,offX=1,offY=1,positives=true); height: 20px; } </style> <center> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"><div class="a1">看书 看棋 看美人 赏花 赏月 赏秋香</div></td> </tr> </table> <div style='font-family:Courier'>+ +++ + + +++++ + + +++ + + +++++ +++ ++++ +++++ + + +++++ ++++ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ++++ + + + + + ++++ + + ++++ ++++ + + ++++ ++++ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +++++ +++ + +++++ + +++ +++ + +++ + + +++++ + +++++ + + </div>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
2
<style type="text/css"> body { font:16px "华文行楷"; filter:alpha(style=1,startY=0,finishY=100,startX=100,finishX=100); background-color:darkblue; } span { width:100%; padding:4px; filter: Dropshadow(offx=1,offy=0,color=white) Dropshadow(offx=0,offy=1,color=white) Dropshadow(offx=0,offy=-1,color=white) Dropshadow(offx=-1,offy=0,color=white); } #english { font-size:12px; } </style> <span id="english">Love You Forever!!!</span> <span>颓废的去选择一种方式</span> <center> <a href="連結網址" _ewebeditor_ta_href="%E9%80%A3%E7%B5%90%E7%B6%B2%E5%9D%80" style="filter: glow(color=#FF1122,strength=4); height:10px; color:yellow; padding:1px">逢山开路,遇水搭桥 。</a> <span> 桃花坞里桃花庵,桃花庵下桃花仙;桃花仙人种桃树,又摘桃花卖酒钱。 酒醒只在花前坐,酒醉换来花下眠;半醒半醉日复日,花落花开年复年。 但愿老死花酒间,不愿鞠躬车马前;车尘马足富者趣,酒盏花枝贫者缘。 若将富贵比贫贱,一在平地一在天;若将贫贱比车马,他得驱驰我得闲。 别人笑我忒疯癫,我笑别人看不穿;不见五陵豪杰墓,无花无酒锄做田。 </span> </center> <style>A { FONT-SIZE: 22px;font-family:华文行楷; COLOR: #0020f8; TEXT-DECORATION: none } A:hover { FONT-SIZE: 26px;font-family:隶书; FILTER: glow(color=#dd3333,strength=4) dropshadow(color=#aaaaaa,offx=2, offy=2, positive=1); MARGIN: 0px; COLOR: #ffffff; HEIGHT: 16px; TEXT-DECORATION: none } </style> <center> <a href="#" _ewebeditor_ta_href="%23">喝一碗孟婆汤,过一回奈何桥。心若一动,泪就一行。</a>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
3
<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=orange,endColorStr=black)"> <center> <b><font face="华文新魏, Helvetica, sans-serif" style="cursor:crosshair"><span style="color:orange;line-height:35pt;FILTER: glow(color=white,strength=3) shadow(color=gold,direction=135,strength=13); POSITION: relative; WIDTH: 100%"> <font size="6" >现 在 人 的 生 活 都 是 一 个 模 式 几 个 方 向 而 已 !</font></span></font></b> <div style="position:absolute;top:80px;left:45px;"> <P><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=lime); WIDTH: 100%; FONT-FAMILY: 华文彩云;color:red;"><B>离题三千丈~滔滔灌水长~不知论坛里~何人比他强?</B> </P></div> <p style="font-size:22px;height:12px;color:white;font-family:隶书;filter:glow(color=black,strength=3);">在奔跑的路上,我逐渐的失去了光芒</p> <p style="font-size:22px;height:12px;color:white;font-family:华文行楷;filter:glow(color=red,strength=3);">要为成功找方法,不为失败找借口</p> <p style="font-size:22px;height:12px;color:white;font-family:华文新魏;filter:glow(color=green,strength=3);">为活着而吃饭!!决不为吃饭而活着!!</p> <p style="font-size:22px;height:12px;color:white;font-family:隶书;filter:glow(color=blue,strength=6);">一粥一饭当思来处不易 半丝半缕恒念物力维艰</p> <style type="text/css"> <!-- .unnamed1 { font-size: 42px; color: orange; filter: Glow(Color=gold, Strength=5); font-weight: bold;font-family:华文行楷;} --> </style> <center> <table width="567" border="0" cellspacing="0" cellpadding="0" height="129"> <tr> <td class="unnamed1" align="center">就让一切顺其自然</td> </tr> </table> <center> <table border="0" width="500" height="56" cellspacing="3" cellpadding="3" style="border:5 red double;"><tr><td style="background:#55fa77;text-align:center;vertical-align:middle;font-family:隶书;font-size:18pt;color:#ffffff;border:0;FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=orange,endColorStr=black)">人最想获得的是尊重用一生学习彼此尊重</td></tr></table> <center> <table border="0" cellpadding="0" cellspacing="1" bgcolor="#333333"> <tr> <td><table width="105" height="24" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#006699" bordercolordark="#AAE3FF" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#AAE3FF,endColorStr=#006699);"> <tr> <td align="center" style="padding-top: 3px;"> <table width="95" height="20" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#AAE3FF" bordercolordark="#006699" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#005279,endColorStr=#AAE3FF);"> <tr> <td align="center" valign="middle" style="padding-top: 3px;"><table width="90" height="15" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" style="filter: DropShadow(Color=#000000,Offx=1,Offy=1,Positive=50)"><font color="#FFFFFF" size="1" face="verdana" ><strong>Push Me ^^</strong></font></td> </tr> </table></td> </tr> </table></td> </tr> </table> </td> <td><table width="105" height="24" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#006699" bordercolordark="#AAE3FF" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#AAE3FF,endColorStr=#006699);"> <tr> <td align="center" style="padding-top: 3px;"> <table width="95" height="20" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#AAE3FF" bordercolordark="#006699" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#005279,endColorStr=#AAE3FF);"> <tr> <td align="center" valign="middle" style="padding-top: 3px;"><table width="90" height="15" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" style="filter: DropShadow(Color=#000000,Offx=1,Offy=1,Positive=50)"><font color="#FFFFFF" size="1" face="verdana" ><strong>Push Me ^^</strong></font></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> <td><table width="105" height="24" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#006699" bordercolordark="#AAE3FF" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#AAE3FF,endColorStr=#006699);"> <tr> <td align="center" style="padding-top: 3px;"> <table width="95" height="20" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#AAE3FF" bordercolordark="#006699" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#005279,endColorStr=#AAE3FF);"> <tr> <td align="center" valign="middle" style="padding-top: 3px;"><table width="90" height="15" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" style="filter: DropShadow(Color=#000000,Offx=1,Offy=1,Positive=50)"><font color="#FFFFFF" size="1" face="verdana" ><strong>Push Me ^^</strong></font></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> <td><table width="105" height="24" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#006699" bordercolordark="#AAE3FF" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#AAE3FF,endColorStr=#006699);"> <tr> <td align="center" style="padding-top: 3px;"> <table width="95" height="20" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#AAE3FF" bordercolordark="#006699" style="border:1px;filter : progid:DXImageTransform.Microsoft.gradient(startColorStr=#005279,endColorStr=#AAE3FF);"> <tr> <td align="center" valign="middle" style="padding-top: 3px;"><table width="90" height="15" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" style="filter: DropShadow(Color=#000000,Offx=1,Offy=1,Positive=50)"><font color="#FFFFFF" size="1" face="verdana" ><strong>Push Me ^^</strong></font></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div align="center"><SPAN style="FILTER: shadow(color=ee1001); WIDTH: 92%; font-size: 11pt;color=#ffff00"><b>简 单 就 是 风 格 ,简 单 亦 是 快 乐 !</b></SPAN> </div> <SPAN style="filter: progid:DXImageTransform.Microsoft.Emboss(); color: darkred; background: skyblue; height: 0px;font-family:华文新魏;font-size:18px;"> <center><IMG src="http://www.blueidea.com/articleimg/usericon/marvellous.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.blueidea.com%2Farticleimg%2Fusericon%2Fmarvellous.gif"> 人最想获得的是尊重 用一生学习彼此尊重</SPAN>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程