常常有朋友问我怎么在图片左边插入文字和在图片加上文字

现在就简单跟大家说一下例如我使用的图片地址是：

http://blogcup.com/blogger_1/12583/upload/20055286389.jpg 

 把图片放在文字的左边

代码如下：

<P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 日志文字<BR>&nbsp;</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>&nbsp;</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>

 

日志文字