代码驿站移动版
频道导航
HTML/Xhtml
CSS
JavaScript
HTML5
PHP教程
ASP.NET
正则表达式
AJAX
ThinkPHP
Yii
MySQL
MariaDB
Oracle
MongoDB
Redis
DedeCMS
PHPCMS
帝国CMS
WordPress
Discuz
其它CMS
Zend Studio
Sublime
Notepad
Dreamweaver
Windows
Linux
Nginx
Apache
IIS
CentOS
Ubuntu
Debian
网站优化
工具资源
PHP源码
ASP.NET源码
其它源码
图标素材
按钮素材
字体素材
DedeCMS模板
帝国CMS模板
PHPCMS模板
WordPress模板
Discuz!模板
单页模板
开发软件下载
服务器软件下载
广告投放
联系我们
版权申明
软件编程
网页前端
移动开发
数据库
服务器
脚本语言
PHP代码
JAVA代码
Python代码
Android代码
当前位置：
主页
>
网页前端
>
HTML代码
>
文字应用css滤镜集锦
时间：2021-08-12 09:31:22 | 栏目：
HTML代码
| 点击：次
<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:隶书"> ?P?I???}不是走多?h，而是，你是否具有足??远ǖ囊庵竞托拍?碜哌@?l路，?o?他有多?h。</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> <!-------?Z 法 ?_ 始-------> <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> <!-------?Z法?Y束-------> <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="?B?Y?W址" 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需再刷新一下页面才能执行
]
您可能感兴趣的文章:
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
用CSS控制的闪烁效果
css不用图片美化按钮
兼容多浏览器实现半透明(Opera ie firefox)
什么是XHTML?
相关文章
11-12
用CSS给图片打标的代码
10-07
iframe背景透明的设置方法
11-03
怎么改善现有网站
12-03
不要使用CSS Expression的原因分析
11-18
CSS Hack 汇总快查
JQuery
VUE
AngularJS
MSSql
MySQL
MongoDB
Redis
Linux
Tomcat
Nginx
网站首页
广告投放
联系我们
版权申明
联系站长