注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天南地北太极城人

满城灯火列星案 一曲洵水绕太极

 
 
 

日志

 
 

美化你的博客----图片特效  

2008-03-21 21:01:02|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


   

  美化你的博客----图片特效

以上为原图

1.单边框效果

代码:
<center><img src="图片地址" style="border:3 solid #ff0000"></center>

2.双边框效果

代码:
<center><img src="图片地址" style="border:5 double green"></center>
3.立体镜框(一)效果
代码:
<center><img src="图片地址" style="border:25 outset #ff88ff"></center>
4.立体镜框(二)效果
代码:
<center><img src="图片地址" style="border:25 inset #ff88ff"></center>
5.虚线框
代码:
<center> <img src="图片地址" style="border:4 dashed #ff0000"></center>
 
6.凹槽框
代码:
<center> <img src="图片地址" style="border:25 groove green" border="0"></center>
7.脊状框

代码:
<center> <img src="图片地址" style="border:25 ridge green" border="0"></center>
8.横向渐变透明
代码:
<center><img src="图片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">
9.圆形渐变透明
代码:
<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>
10.X形渐变透明
代码:
<center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

11.黑白效果

代码:

<center><img src="图片地址" style="filter:'gray'"></center>

12.X光效果(底片)

代码:

<center><img src="图片地址" style="filter:'xray'"></center>

13.浮雕效果

代码:

<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

14.上下颠倒

 

代码:

<center><img src="图片地址" style="filter:flipv">

15.左右颠倒效果

代码:

<center><img src="图片地址" style="filter:fliph"></center>

16.色彩颠倒


代码:

<center><img src="图片地址" style="filter:invert"></center>

17.粒状阴影

代码:

<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)"></center>

18.模糊效果

代码:
<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3)"></center>

19.水波效果

代码:

<center><img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

20.水中倒影效果


代码:

<center><IMG src="图片地址" width="200" height="150"><BR>
<IMG src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30)  blur() flipv()" width="200" height="150"></center>

        微笑人生欢迎你     爱别离苦圈子欢迎你加入

 

更多精彩,尽在太极城人博客

  评论这张
 
阅读(86)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017