图片技巧--常用的几种图片使用方法

< Previous Next >

04 December

图片技巧--常用的几种图片使用方法

1. 文字和图片位置

把图片放在文字的左边
在日志里插入一个图片. 以本图片为例正常插入是的代码： <img border="0" src="http://img206.echo.cx/img206/8018/testpic0sy.gif" width="154" height="201"> 要把图片放在左边,在图片源码里加上[ align=left ].
加入后的代码：
<img border="0" src="http://img206.echo.cx/img206/8018/testpic0sy.gif" align=left width="154" height="201"> 如果要想文字脱离图片,就在要脱离的文字前部加个[<br clear=left>]
文字就会跑道这里.从图片的下方.

如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码：<img border="0" src="http://img206.echo.cx/img206/8018/testpic0sy.gif" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...

要想把图片放在右侧,可把[align=left ]改成[align=right ].改后的代码：<img border="0" src="http://img206.echo.cx/img206/8018/testpic0sy.gif" align=right width="154" height="201">

2. 常用图片效果处理

图1：演示图片(http://img284.echo.cx/img284/8351/mp0065af.jpg)

滤镜效果

源码：
<img style="FILTER: alpha(opacity=100, finishOpacity=0,style=0); WIDTH: 380; HEIGHT: 284"
src="http://img284.echo.cx/img284/8351/mp0065af.jpg" >

说明：
opacity=100.............. 起始透明度设置
finishOpacity=0........结束透明度设置
style=0.......................样式设置. 范围 0-3

可以在测试当中更改各个参数设置,

演示：
style=0

style=1

style=2

style=3

3. 背景图片的使用

演示图片(http://img227.echo.cx/img227/6213/greenloveback6my.gif)
复制起点：------------------------------------------------------------------------------------

这里填写文本内容　

10:44 | Blog it

Comments (1)

To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in

Don't have a Windows Live ID? Sign up

^×^ wrote:

汗,纯技术!!
学习,学习
抽空学习!!

4 Dec.

Trackbacks

The trackback URL for this entry is:

http://lavielee.spaces.live.com/blog/cns!B6BC2C95FD28881C!123.trak

Weblogs that reference this entry

None