您好!欢迎您光临23种代码贴图效果_云杜红叶!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习教程 >>>网页、HTML教程>>>23种代码贴图效果
23种代码贴图效果
发表日期:2009/11/5 11:55:00 出处:转帖 作者:未知 发布人:ydhy 已被访问 2816

23种代码贴图效果

1.单线框


<CENTER><IMG style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
<CENTER><BR><BR><BR>&nbsp;</CENTER>

 
2。双线框

<CENTER><IMG style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
<CENTER><BR><BR><BR>&nbsp;</CENTER>

3。凸出框

<CENTER><IMG style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
<CENTER><BR>&lt;CENTER&gt;&lt;IMG style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;/CENTER&gt;<BR><BR></CENTER>

4。凹进框
 
<CENTER><IMG style="BORDER-RIGHT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-BOTTOM: #ff88ff 25px inset" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
<CENTER>&nbsp;</CENTER>
<CENTER><BR>&nbsp;</CENTER>
 
5。邮票框

 
<CENTER>
<TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56>
<TBODY>
<TR>
<TD vAlign=center align=middle width=600 bgColor=#aeffae height=450><IMG src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></TD></TR></TBODY></TABLE></CENTER>
<CENTER>&nbsp;</CENTER>
 
6。虚线框
 
<CENTER><IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"><BR><BR><BR></CENTER>


7。凹槽框
 
<CENTER><IMG style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg" border=0><BR><BR><BR></CENTER>


8。脊状框

<CENTER><IMG style="BORDER-RIGHT: green 25px ridge; BORDER-TOP: green 25px ridge; BORDER-LEFT: green 25px ridge; BORDER-BOTTOM: green 25px ridge" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg" border=0><BR><BR><BR></CENTER>

9。立体阴影框

<CENTER>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=400 cellSpacing=3 cellPadding=15 width=400 border=2>
<TBODY>
<TR>
<TD vAlign=center align=middle bgColor=#ffffff><IMG src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></TD></TR></TBODY></TABLE></CENTER>
<CENTER>&nbsp;</CENTER>
<CENTER>&nbsp;</CENTER>
<CENTER>&nbsp;</CENTER>
 
 
10。阴影框
 
<CENTER><IMG style="FILTER: shadow(color=#32cd32)" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
11。横向渐变透明
 
<CENTER><IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"> </CENTER>
 
12。圆形渐变透明
 
<CENTER><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
 
13。X形渐变透明
 
<CENTER><IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
 
14。改变某种颜色
 
<CENTER><IMG style="FILTER: Chroma(Color=RED)" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
 
15。黑白效果
 
<CENTER><IMG style="FILTER: ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''gray''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
 
16。X光效果(底片)
 
<CENTER><IMG style="FILTER: ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''xray''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
 
17。浮雕效果
 
<CENTER><IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss()" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
 
18。上下颠倒
 
<CENTER><IMG style="FILTER: flipv" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"> </CENTER>
 
19。左右颠倒
 
<CENTER><IMG style="FILTER: fliph" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
 
20。色彩颠倒
 
<CENTER><IMG style="FILTER: invert" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
 
21。粒状阴影
<CENTER><IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
<CENTER>&lt;CENTER&gt;&lt;IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"&gt;&lt;/CENTER&gt;</CENTER>
<CENTER>&nbsp;</CENTER>
 
22。模糊效果
 
<CENTER><IMG style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
 
23。水波效果(风吹)
 
<CENTER><IMG style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="http://sucai.heima.com/sucai/news/zrfg/5/25.jpg"></CENTER>
 

 

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



ydhy
(2009/11/7 8:00:00)

谢谢鸿尘新月网友的问候及对云杜红叶的鼓励与支持!欢迎你有时间多来小站指导!!


鸿尘新月
(2009/11/6 21:15:00) [121.207.203.]

特地过来看望云楼主,给云楼主请安,敬茶!谢谢你的智慧成果给我们带来的快乐无限!

 发表评论:共有 2 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

云杜红叶 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ383170807 联系人:红叶

琼icp备09005167