23 juillet
图片的几种用法
常常有朋友问我怎么在图片左边插入文字和在图片加上文字
现在就简单跟大家说一下例如我使用的图片地址是:
http://blogcup.com/blogger_1/12583/upload/20055286389.jpg
把图片放在文字的左边
代码如下:
<P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P>
如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码:<img border="0" src="http://blogcup.com/blogger_1/12583/upload/20055286389.jpg" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...
改后的代码是:
<P><IMG height=201 hspace=30 src="图片连接地址" width=154 align=left border=0><FONT face=Arial>如果</FONT></P>

要想把图片放在右侧,可把[align=left ]改成[align=right ]
改后的代码如下:
<P><IMG height=201 src="图片连接地址" width=154 align=right border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P>
在图片加上日志文字代码如下效果见图:
<div style="WIDTH: 109px; HEIGHT: 108px;">
<img height="108px" src="图片链接地址" width="109" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 109px; HEIGHT: 108px; ">
<br>
<font color="#FF00FF">日志文字</font>
</div>
</div>