如何在用代码在网页中实现图文环绕效果

　　前面我们讲解了用表格来实现环绕的图文效果，这里给大家讲解用代码实现图片环绕的效果，要在网页中实现图文环绕效果，其实很简单只需要给<img>图片标签加上属性就行了。在文章中上传图片，转换到代码模式，找到图片所对应的代码，如：<IMG border=0 src="/HdUpFile/2010-12/20101214095935103.jpg"> 然后在图片的地址里面加上图片居左、居右代码：

未加代码的效果：

1、图片在左、文字在右：

在img和src之间加 style="FLOAT: right" border=0
例如： <IMG style="FLOAT: right" border=0 src="/HdUpFile/201012/20101214100316313.jpg">，效果如图

2、图片在右、文字在左：

同理可得，在img和src之间加 style="FLOAT: left" border=0
例如：<IMG style="FLOAT: right" border=0 src="/HdUpFile/2010-12/20101214100316313.jpg">，效果如图：