音画教程 22种图片处理效果

小楼

1、 单线框

2、 双线框
3、 凸出框

4、 凹进框

5、 邮票框

 

6、 虚线框

7、 凹槽框
8、 脊状框
9、 阴影框

 

10、 横向渐变透明

 

11、 圆形渐变透明

 

12、 X形渐变透明

 

13、 改变某种颜色

 

14、 黑白效果

 

15、 X光效果（底片）

 

16、 浮雕效果

 

17、 上下颠倒

 

18、 左右颠倒

 

19、 色彩颠倒

 

20、 粒状阴影

 

21、 模糊效果

 

22、 水波效果（风吹）

可乐天下www.kltx.net

小楼

1、 单线框

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="图片地址" ><BR><BR><BR></CENTER>

复制代码

2、 双线框

1. <CENTER><IMG style="BORDER-RIGHT: green 5px double; BORDER-TOP: green 5px double; BORDER-LEFT: green 5px double; BORDER-BOTTOM: green 5px double" src="图片地址" ><BR><BR><BR></CENTER>

复制代码

3、 凸出框

1. <CENTER><IMG style="BORDER-RIGHT: 25px outset; BORDER-TOP: 25px outset; BORDER-LEFT: 25px outset; BORDER-BOTTOM: 25px outset" src="图片地址" ><BR><BR><BR></CENTER>

复制代码

4、 凹进框

1. <CENTER><IMG style="BORDER-RIGHT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-BOTTOM: #ff88ff 25px inset" src="图片地址" ><BR><BR><BR></CENTER>

复制代码

5、 邮票框

1. <CENTER>
   
2. <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 >
   
3. <TBODY>
   
4. <TR>
   
5. <TD vAlign=center align=middle width=600 bgColor=#aeffae height=450><IMG src="图片地址" > </TD></TR></TBODY></TABLE></CENTER>

复制代码

6、 虚线框

1. <CENTER><IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="图片地址" ><BR><BR><BR></CENTER>

复制代码

7、 凹槽框

1. <CENTER><IMG style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" src="图片地址" border=0 ><BR><BR><BR></CENTER>

复制代码

8、 脊状框

1. <CENTER><IMG style="BORDER-RIGHT: green 25px ridge; BORDER-TOP: green 25px ridge; BORDER-LEFT: green 25px ridge; BORDER-BOTTOM: green 25px ridge" src="图片地址" border=0 ><BR><BR><BR></CENTER>

复制代码

9、 阴影框

1. <CENTER><IMG style="FILTER: shadow(color=#32cd32)" src="图片地址" ></CENTER>

复制代码

10、 横向渐变透明

1. <CENTER><IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="图片地址" ></CENTER>

复制代码

11、 圆形渐变透明

1. <CENTER><IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="图片地址" ></CENTER>

复制代码

12、 X形渐变透明

1. <CENTER><IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="图片地址" ></CENTER>

复制代码

13、 改变某种颜色

1. <CENTER><IMG style="FILTER: Chroma (Color=#13629f)" src=图片地址></CENTER>

复制代码

14、 黑白效果

1. <CENTER><IMG style="FILTER: gray" src="图片地址"></CENTER>

复制代码

15、 X光效果(底片)

1. <CENTER><IMG style="FILTER: xray" src="图片地址"></CENTER>

复制代码

16、 浮雕效果

1. <CENTER><IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss()" src="图片地址"></CENTER>

复制代码

17、 上下颠倒

1. <CENTER><IMG style="FILTER: flipv" src="图片地址"> </CENTER>

复制代码

18、 左右颠倒

1. <CENTER><IMG style="FILTER: fliph" src="图片地址"></CENTER>

复制代码

19、 色彩颠倒

1. <CENTER><IMG style="FILTER: invert" src="图片地址"></CENTER>

复制代码

20、 粒状阴影

1. <CENTER><IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="图片地址"></CENTER>

复制代码

21、 模糊效果

1. <CENTER><IMG style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)" src="图片地址"></CENTER>

复制代码

22、 水波效果(风吹)

1. <CENTER><IMG style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="图片地址" ></CENTER>

复制代码

h5n1

哗！好长，好长，好长好长好长   哦        ～～～～～～～～～～～～·

楼哥真用心！

h5n1

为什么要用红色呢？很刺眼哦

小楼

原帖由 h5n1 于 2009-1-29 01:22 发表
为什么要用红色呢？很刺眼哦

已经修正了。。

h5n1

原帖由 小楼 于 2009-1-29 02:01 发表

已经修正了。。

现在易看好用，点击就可以复杂

Lkj

好用心在做呢。。新年有这么好的礼物收。。

懒猫悠悠

蛮好啊！但是下载一个“光影魔术手”或者“picasa”，也可以处理图像的，很简单哦。

林大人

原来html也可以处理图像啊
。。学到啦undefined

懒猫悠悠

今天看到了处理照片的效果，真的很漂亮！