博客图片html代码,【html博客代码】图片羽化代码

(供初学HTML代码的朋友参考)

用代码制作图片羽化效果

图片羽化也有的叫雾化，就是用图像软件或代码制作,使图片边缘产生朦胧的美化效果。代码作图片羽化的方法很容易，用html贴图标签加入css样式表滤镜属性和属值语句即可．祥细内容如下：

⑴ html贴图标签：

　　　 　　

⑵ css样式表滤镜属性和属值语句：

style="FILTER: alpha(opacity=100,style=2)"

⑶ 用代码制作图片羽化模式：

说明：

　　◆

◆style=套用css样式表标记．

◆FILTER 属性名称:滤镜

◆alpha 属值:透明程度.

◆opacity 启始值0-100,0为透明,100为原图,通常是100．

◆style=2或3,羽化效果，2为圆形，3为矩形．

图片羽化(圆形)代码实例：

说明：

◆关键语句：opacity=100,style=2

显示效果：

图片羽化(矩形)代码实例：

说明：

◆关键语句：opacity=100,style=3

显示效果：

羽化图片再加上移动标签，也可作各种方向移动，例如来回走的代码：

显示效果：

在羽化图片上还可用绝对定位加叠文字、图片和Flash等内容，代码如下：

草原牧埸

说明：

◆TABLE style=表格标签套用样式表标记．

◆POSITION: relative　样式表语句：相对定位，作为绝对定位的容框．

◆