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

fangxin529

芽嫩已过.花期已过.如今打算做一枚果.待果熟蒂落.再孕育另一度的芽叶!

 
 
 

日志

 
 

美化图片大全 -  

2008-04-11 11:31:10|  分类: 美化素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

美化图片大全 - - fangxin529 - fangxin529 

上哲网易博客教程:美化图片大全

1、单边框

<center><img

src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="border:3 solid #ff0000"></center>  

美化图片大全 - - fangxin529 - fangxin529 

2、双边框

 

<center><img

src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="border:5 double green"></center>

 

美化图片大全 - - fangxin529 - fangxin529

 

3、立体镜框(一)

 

<center><img src=http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg

style="border:25 outset #ff88ff"></center>

 

美化图片大全 - - fangxin529 - fangxin529

4、立体镜框(二)

 

<center><img

src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="border:25 inset #ff88ff"></center>

 

美化图片大全 - - fangxin529 - fangxin529

5、虚线框

<center> <img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="border:4 dashed #ff0000"></center>

美化图片大全 - - fangxin529 - fangxin529 

6、凹槽框

 

<center> <img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="border:25 groove green" border="0"></center>

 

美化图片大全 - - fangxin529 - fangxin529 

7、脊状框

 

<center> <img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="border:25 ridge green" border="0"></center>

 

美化图片大全 - - fangxin529 - fangxin529

8、横向渐变透明

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

美化图片大全 - - fangxin529 - fangxin529 

9、圆形渐变透明

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

美化图片大全 - - fangxin529 - fangxin529

10、X形渐变透明

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

美化图片大全 - - fangxin529 - fangxin529

11、黑白效果

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter:'gray'"></center>

美化图片大全 - - fangxin529 - fangxin529

12、X光效果(底片)

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter:'xray'"></center>

美化图片大全 - - fangxin529 - fangxin529

13、浮雕效果

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

美化图片大全 - - fangxin529 - fangxin529

14、上下颠倒

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter:flipv">

美化图片大全 - - fangxin529 - fangxin529 

15、左右颠倒

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter:invert"></center>

美化图片大全 - - fangxin529 - fangxin529 

16、色彩颠倒

 

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter:fliph"></center>

美化图片大全 - - fangxin529 - fangxin529 

17、粒状阴影

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)"></center>

美化图片大全 - - fangxin529 - fangxin529 

28、模糊效果

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3)"></center>

美化图片大全 - - fangxin529 - fangxin529 

19、水波效果(风吹)

<center><img src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

美化图片大全 - - fangxin529 - fangxin529 

20、水中倒影效果

<center><IMG src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" width="200" height="150"><BR>

<IMG src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30)  blur() flipv()" width="200" height="150"></center>

美化图片大全 - - fangxin529 - fangxin529

美化图片大全 - - fangxin529 - fangxin529 

21、图片具有超连接

<P align=center><A href="http://www.sina.com.cn/m/ziguangge" target=_blank><IMG style="WIDTH: 180px; HEIGHT: 210px" height=449 src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" width=325></A></P>

美化图片大全 - - fangxin529 - fangxin529

22、左右滚动的图片

<MARQUEE scrollAmount=2 scrollDelay=0 behavior=alternate width=200 height=180><IMG height=200 src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" width=180 border=0> <IMG height=200 src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" width=180 border=0> <IMG height=200 src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" width=180 border=0> <IMG height=200 src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" width=200 border=0></MARQUEE>

美化图片大全 - - fangxin529 - fangxin529美化图片大全 - - fangxin529 - fangxin529 美化图片大全 - - fangxin529 - fangxin529

23、向各个方向滚动的图片

<MARQUEE scrollAmount=1 scrollDelay=60 direction=right width=160 height=200 >

<IMG height=200 src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" width=180 border=0>

<IMG height=200 src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" width=180 border=0>

<IMG height=200 src="http://blog.163.com/photo/HWZ92yqXsnfMvhyS_q0LoA==/4790141153661946535.jpg" width=180 border=0>

</A></MARQUEE>

代码中可以修改的地方

  direction=right 是移动的方向 

  上:up   下:down   左:right  右:left 

  scrollamount=5 是向下移动速度,可以调整,一般设置在1---15的范围内比较好.

美化图片大全 - - fangxin529 - fangxin529

美化图片大全 - - fangxin529 - fangxin529 美化图片大全 - - fangxin529 - fangxin529


 

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

历史上的今天

评论

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

页脚

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