当前位置：文档库 › Html环绕图片的文字

Html环绕图片的文字

一般的制作方法是:

1.在一段文本的开头插入图片，然后选取图片并让它居左或者右，

这样文字会自动环绕在文字周围。

2.利用表格来精确的制作文字环绕。在文本段落开头插入一个单行

单列表格，然后拖曳边线使表格最小，选取表格属性，在Float 下拉列表选取left或者right，然后在表格中插入图片。你就可以通过调整表格属性来精确定位图片和文字的距离。

1、图片在右，文字在左

代码为:

border=0>文章内容

其中“”表示对图片进行链接，如果不需要的话只要把“”和“”删了就行了，“target=_blank”表示点击图片后链接在新窗口中打开，如果没有这个，则点击图片后链接在默

认窗口中打开！

2、图片在左，文字在右

只要把“align=right”改为“align=left”就

行了，即为:

调整图片于文字的距离可加入

“vspace=上下距离 hspace=左右距离”

使用不同数值效果不一样。比如改后的代码是：

文章内容

Css的属性(选择讲解)

Float属性:使文字环绕在一个元素的四周.

Clear属性:定义某一边是否有环绕文字.

左环绕：

图像标题

右环绕：

图像标题

独占一行：

图像标题