欢迎您！启步学代码。
（13）
（原创制作者:游子。 供初学HTML代码的朋友参考）

图片雾化的贴图方法。


    图片雾化或叫羽化效果，就是一张图片只突出显示中心的主要图像，周边朦胧淡化。方法有通常使用的代码和简化的代码．

二种雾化代码模式:


　　　图片雾化通常使用的代码和简化的代码:

通常使用的代码：

<TABLE border=0>
<TR>
<TD style="FILTER:Alpha(opacity=100,style=2)" width=450 height=600 background=图片地址 >
</TD></TR></TABLE>
<br><br>


简化的代码：

<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="图片地址"INPUT>


原创制作者:游子。



下面是一张美女图片和图片地址：

http://pic.yesky.com/picupload1/20050725/162238/4019006.jpg


原创制作者:游子。



图片雾化通常使用的代码:



　　　图片雾化通常使用的代码:

<TABLE border=0>
<TR>
<TD style="FILTER:Alpha(opacity=100,style=2)" width=450 height=600 background=http://pic.yesky.com/picupload1/20050725/162238/4019006.jpg >
</TD></TR></TABLE>
<br><br>



原创制作者:游子。



通常使用的代码显示结果：



原创制作者:游子。



简化的图片雾化代码:



简化的图片雾化代码:

<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=450 src="http://pic.yesky.com/picupload1/20050725/162238/4019006.jpg"INPUT>


【说明 】
　　　这种代码可非常方便的调整图片的大小，即把代码宽度参数（width=450）改变了就行。


原创制作者:游子。



简化的代码显示结果：




原创制作者:游子。



圆形雾化效果和矩形雾化效果代码是一样的，不同之处是：
把圆形雾化效果　style=2 改为:
矩形雾化效果　style=3
通常使用的是圆形雾化效果　style=2 .

（待续）
编辑：游子

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