以前看到新浪那css 文字环绕图片的效果,但自己怎么也想不明白,后来在就去问了一位前台的同事, 现在才明白原来这么简单,下面我来举两个例子来说明一下.:
一:以html的形式作
<div align="left"><img src="aa.jpg" width="91" height="84" style="float:left;" />
·www.111cn.net<br>
·www.111cn.net<br>
·www.111cn.net<br>
·www.111cn.net<br>
·www.111cn.netwww.111cn.net<br>
·www.111cn.netwww.111cn.net<br>
·www.111cn.netwww.111cn.net<br>
·www.111cn.netwww.111cn.net<br>
·www.111cn.netwww.111cn.net
</div>
第二种:
在head中写样式
<style>
dt{float:right;}
</style>
<div><dl>
<dt><img src=www.111.gif></dt>
<dd>
www.111cn.netwww.111cn.net<br>
·www.111cn.netwww.111cn.net<br>
·www.111cn.netwww.111cn.net<br>
·www.111cn.netwww.111cn.net<br></dd>
</dl>
</div>
看了上面的之后就觉得很简单吧,
注明:原创文章转载请注明:www.111cn.net