不用软件也做图：再发几种直接写在贴图片代码里的装饰方法

有些简单的对图片装饰,可以将代码直接写在图片代码里,这样就省了不少力.

一.加简单的黑色框:

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" border=12>

 

二.加简单的CSS装饰框:

<img width=190 src="//bbs.e-yu.cn/attachments/ext_jpg/263188840_m2Y2GthlbTtg.jpg" style="border:12px #9ACD32 solid">

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 dashed">

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 dotted">

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 double">

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 groove">

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 ridge">

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 inset"> 

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 outset">

 

<img width=130 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Alpha(Opacity=100,Style=2)">

 

<img width=150 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Alpha(Opacity=100,Style=3)">

 

<img width=150 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Fliph">

 

<img width=220 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Flipv">

垂直翻转

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Gray">

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Invert">

 

<img width=150 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()">

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Blur(Add=1,Direction=45,Strength=180)">

使图片模糊,Direction=45模糊方向,顺时针0---360,Strength=180模糊程度.

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Alpha(Opacity=33,Style=0)"> 

Opacity=33使图片透明,值0----100,Style=0不能动.

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Wave(Add=0,Freq=6,Lightstrength=10,Phase=0,Strength=20)">

Freq=6波纹的频率,Lightstrength=10波纹的光照强度,值0---100,Strength=20振幅

四.隐藏对图片的说明文字

 

<img width=190 src="//photo.xilu.com/pics/2005071954067_thumb.jpg" alt="你好,欢迎光临电脑学堂!">

五.将图片放到右边.

 

 

 

 

 

 

 

注:以上有关CSS代码在有的论坛不支持(如7.0版)只能将代码改成如下写法:
<div style="filter: Wave(Add=0,Freq=6,Lightstrength=10,Phase=0,Strength=20)">图片</div>
或将代码style="filter: Wave(Add=0,Freq=6,Lightstrength=10,Phase=0,Strength=20)"放在表格的最后一层<td>里.