首页开发前沿 CSS/HTML 正文

我要投稿

文字应用css滤镜集锦

Nice CSS/HTML

2022-04-15 0 863

<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”>懒的逍遥</a>　|　<a href=”vis.asp”>心有灵犀</a>　|　<a href=”FreeEmail.asp”>爱在东海</a>　|　<a href=”CorEmail.asp”>无忧制造</a>　|　<a href=”moneylist.asp”>我佛山人</a>　|　<a href=”WebDesign.asp”>萧萧小雨</a>　|　<a 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=”連結網址” 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=”#”>喝一碗孟婆汤，过一回奈何桥。心若一动，泪就一行。</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”>人最想获得的是尊重用一生学习彼此尊重</SPAN>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

收藏 (0) 点赞 (0)

免责声明：
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。不得使用于非法商业用途，不得违反国家法律。否则后果自负！

2、本站信息来自网络，版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序，请支持正版源码、软件，购买注册，得到更好的正版服务。
如有侵犯你版权的，请邮件与我们联系处理（邮箱:skknet@qq.com），本站将立即改正。

NICE源码网 CSS/HTML 文字应用css滤镜集锦 https://www.niceym.com/13388.html

Nice

上一篇：典型的三行二列居中高度自适应布局

文字应用css滤镜集锦

下一篇：巧用CSS滤镜做图案文字

猜你喜欢

CSS的使用技巧 2023-02-17
CSS: 如何让img图片自适应父元素 2022-08-05
DIV+CSS经常用到的属性、参数及说明 2022-04-15
BS项目中的CSS架构_仅加载自己需要的CSS 2022-04-15
左侧固定宽度，右侧自适应宽度的CSS布局 2022-04-15
门户网站构建CSS框架的规则 2022-04-15
指定网页的doctype解决CSS Hacking方法总结 2022-04-15
css网页布局中注意的几个问题小结 2022-04-15
css import与link的区别 2022-04-15
css图片切换效果代码[不用js] 2022-04-15

QQ在线客服咨询在线客服
请直接说明来意 5X8小时在线
微信客服

投诉·建议（售后勿扫）
返回顶部