css 文字环绕

css 文字环绕 文字环绕图片 ppt文字环绕图片 word文字环绕图片 dw文字环绕图片 网页 文字环绕图片 html 图片文字环绕 ppt中文字环绕图片 css 图片 文字 css 文字 图片 居中

以前看到新浪那css 文字环绕图片的效果,但自己怎么也想不明白,后来在就去问了一位前台的同事, 现在才明白原来这么简单,下面我来举两个例子来说明一下.:

一:以html的形式作

<div align="left"><img src="aa.jpg" width="91" height="84" style="float:left;" />
·www.111cn.cn<br>
·www.111cn.cn<br>
·www.111cn.cn<br>
·www.111cn.cn<br>
·www.111cn.cnwww.111cn.cn<br>
·www.111cn.cnwww.111cn.cn<br>
·www.111cn.cnwww.111cn.cn<br>
·www.111cn.cnwww.111cn.cn<br>
·www.111cn.cnwww.111cn.cn
</div>

第二种:

在head中写样式

<style>

dt{float:right;}

</style>

<div><dl>

<dt><img src=www.111.gif></dt>

<dd>

www.111cn.cnwww.111cn.cn<br>
·www.111cn.cnwww.111cn.cn<br>
·www.111cn.cnwww.111cn.cn<br>
·www.111cn.cnwww.111cn.cn<br></dd>

</dl>

</div>

 看了上面的之后就觉得很简单吧,

注明:原创文章转载请注明:www.111cn.cn