有些简单的对图片装饰,可以将代码直接写在图片代码里,这样就省了不少力. 一.加简单的黑色框: <img width=190 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" border=12>
二.加简单的CSS装饰框: <img width=190 src="http://bbs./attachments/ext_jpg/263188840_m2Y2GthlbTtg.jpg" style="border:12px #9ACD32 solid">
<img width=190 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 dashed">
<img width=190 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 dotted">
<img width=190 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 double">
<img width=190 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 groove">
<img width=190 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 ridge">
<img width=190 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 inset">
<img width=190 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="border:12px #9ACD32 outset">
<img width=130 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Alpha(Opacity=100,Style=2)">
<img width=150 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Alpha(Opacity=100,Style=3)">
<img width=150 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Fliph">
<img width=220 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Flipv"> 垂直翻转
<img width=190 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Gray">
<img width=190 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Invert">
<img width=150 src="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter:progid:DXImageTransform.Microsoft.Emboss()">
<img width=190 src="http://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="http://photo.xilu.com/pics/2005071954067_thumb.jpg" style="filter: Alpha(Opacity=33,Style=0)"> Opacity=33使图片透明,值0----100,Style=0不能动.
<img width=190 src="http://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="http://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>里. |
|