一步一步学代码---图片加工（改变图片的显示效果）[连载1

[没起名]

二 图片加工
5 改变图片的显示效果
有时我们需要把图片溶入到背景中，例如：
原图片：

若把它放在现在帖子的背景中，从上面可看出该图片与背景色调差别太大。为了是它融合在该背景中，我们可以用HTML代码先将该图片加工一下。如：



代码如下：
<INPUT style="FILTER: alpha(opacity=100,style=3)" type=image height=374 width=500 src="http://www.99qc.com/bbs/UploadFile/2006 ... 122550.gif">
在这组代码里opacity=100是图片的通明度（即色调的深浅），可以设置；style=3中数字可选取0、1、2或3，数字不同，显示的效果也不一样，下面将给出例子；height=374 width=500 图片的高度与宽度，可根据自己的需要任意改动（不一定是原图片的尺寸！）；代码中图片地址可换成自己选用的。其它部分不变！
将3改成2的效果：

将3改成1的效果：

将3改成0的效果：（即原图）


将透明度100改成20的原图效果：


由于原图片的总体是黑色背景，将它放到黑色背景下更能显示出上述效果。参见：
http://www.znrj.net/2006-12/31/442062137.html 中年
http://bbs.edu-net.cn/bbs/dispbbs.asp?b ... 108&page=1 在线
小技巧：使图片上下翻转






代码如下：
<TABLE style="FILTER: flipv" height=425 width=300 align=center background=http://www.imagesite.cn/pic/wsmb0618/40b.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE>
练习：自己选择个图片，按上面的方法做一下。
熟能生巧，要多加练习哦！