载入中
自定义HTML载入中... loading
【音画代码】23种css图片修饰-来源网络 [引用 2007-08-26 16:33:55]  删除... 
字体变小 字体变大

1。单线框<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:3 solid #ff0000"><br><br><br></center>




2。双线框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:5 double green"><br><br><br></center>




3。凸出框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 outset #ff88ff"><br><br><br></center> 




4。凹进框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 inset #ff88ff"><br><br><br></center>




5。邮票框 <center> <table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"> <tr><td bgcolor="#aeffae" width=600 height=450 align=center valign=middle><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"></td></tr></table></center>

6。虚线框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:4 dashed #ff0000"><br><br><br></center>




7。凹槽框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 groove green" border="0"><br><br><br></center>




8。脊状框<center> <img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="border:25 ridge green" border="0"><br><br><br></center>




9。立体阴影框<center> <table width=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"> <tr><td bgcolor="#ffffff" align=center valign=middle><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"> </td></tr></table></center>

10。阴影框<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:shadow(color=#32cd32)"></center>

11。横向渐变透明<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)"></center>

12。圆形渐变透明<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

13。X形渐变透明<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

14。改变某种颜色<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg"style="FILTER: Chroma(Color=#13629f)"></center>

15。黑白效果<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:'gray'"></center>

16。X光效果(底片)<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:'xray'"></center>

 17。浮雕效果<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

18。上下颠倒<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:flipv"> </center>

19。左右颠倒<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:fliph"></center>

20。色彩颠倒<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:invert"></center>

21。粒状阴影<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)"></center>

22。模糊效果<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)"></center>

 23。水波效果(风吹)<center><img src="http://photo4.hexun.com/p/2006/1227/65682/b_FB62298B118B3138C93268EEC6F09B98.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

票数:
什么是“我顶”?
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址,可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码:
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心