14.txt 特殊效果的贴图方法。

欢迎您！启步学代码。
（14）
（游子编辑 供初学HTML代码的朋友参考）



特殊效果的贴图方法。


    图片雾化或叫羽化效果，就是一张图片只突出显示中心的主要图像，周边朦胧淡化。方法有二种，即圆形雾化效果和矩形雾化效果。


(1)图片圆形雾化效果的代码：

<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="http://img110.photo.163.com/wxgwws/11717817/262405260.jpg" INPUT></P>


显示结果：


(2)图片矩形雾化效果的代码：

<INPUT style="FILTER: alpha(opacity=100,style=3)" type=image width=450 src="http://img110.photo.163.com/wxgwws/11717817/262405260.jpg" INPUT></P>



显示结果：



圆形雾化效果和矩形雾化效果代码是一样的，不同之处在：
圆形雾化效果　style=2
矩形雾化效果　style=3



图片大小可调的贴图代码：
:

<P align=center>
<INPUT src="http://img.gw.com.cn/UploadFile/2005/7/31/1728360.jpg" type=image width=600>
</P>



显示结果：


图片大小可调的贴图代码与常用贴图代码不同之处在标签名：
图片大小可调的贴图代码标签名　<INPUT src=
常用贴图代码标签名　<img src=
同样的一组图片大小可调贴图代码，只要改变宽度width=600　的参值，就可实现图片变大小。


（待续）


编辑：游子

（为了传播 HTML 代码知识，让更多网友学用代码贴图制作网页，本贴欢迎转载， 但是，转载时请不要把原创编辑游子的名字改掉。谢谢！）