css 文字環繞

以前看到新浪那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