">
Bangnie--website construction, website maintenance service provider.

News

网页图片边框特效的各种处理样式

Author:Website construction      AddDate:2014-12-23      From:Bangnie      Hits:2124

1、单边框

<center><img src="图片地址" style="border:3 solid #ff0000"></center> 

2、双边框

 

<center><img src="图片地址" style="border:5 double green"></center>

3、立体镜框(一)

 

<center><img src="图片地址" style="border:25 outset #ff88ff"></center>

4、立体镜框(二)

 

<center><img src="图片地址" style="border:25 inset #ff88ff"></center>

5、虚线框

<center> <img src="图片地址" style="border:4 dashed #ff0000"></center>

6、凹槽框

 

<center> <img src="图片地址" style="border:25 groove green" border="0"></center>

7、脊状框

 

<center> <img src="图片地址" style="border:25 ridge green" border="0"></center>

8、横向渐变透明

<center><img src="图片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

9、圆形渐变透明

<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>

10、X形渐变透明

<center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>

11、黑白效果

<center><img src="图片地址" style="filter:'gray'"></center>

12、X光效果(底片)

<center><img src="图片地址" style="filter:'xray'"></center>

13、浮雕效果

<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

14、上下颠倒

<center><img src="图片地址" style="filter:flipv">

15、左右颠倒

<center><img src="图片地址" style="filter:fliph"></center>

16、色彩颠倒

 

<center><img src="图片地址" style="filter:invert"></center>

17、粒状阴影

<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)"></center>

18、模糊效果

<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3)"></center>

19、水波效果(风吹)

<center><img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

20、水中倒影效果

<center><IMG src="图片地址" width="200" height="150"><BR>

<IMG id="reflection" src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30)  blur() flipv()" width="200" height="150"></center>


Related Information