寫完上一篇教程，就有朋友提到了“文繞圖”的問(wèn)題。雖然這個(gè)問(wèn)題看似很難，但在 MSN Space 編輯器中很容易就能做到這一點(diǎn)。下面我就介紹一下實(shí)現(xiàn)“文繞圖”，以及“首字下沉”的排版方法。
（一）圖片在左側(cè)或右側(cè)的“文繞圖”排版方法
① 先寫好一段文字，再根據(jù)
教程（七）中給出的圖片插入方法（二）或（三），將所需圖片插入到這段文字中。
② 鼠標(biāo)右鍵點(diǎn)擊所插入的圖片，在菜單中選擇“水平對(duì)齊方式”，然后如果選擇左對(duì)齊，則圖片在左邊，如果選擇右對(duì)齊，則圖片會(huì)到右邊。這時(shí)你就可以看到“文繞圖”的效果了。
下面是左、右文繞圖效果的具體實(shí)例：
圖在文字左邊的文繞圖效果 圖在文字左
邊的文繞圖效果 圖在文字左邊的文繞圖效果 圖在文字左邊的文繞圖效果 圖在文字左邊的文繞圖效果 圖在文字左邊的文繞圖效果。 圖在文字右邊的文繞圖效果 圖在文字右
邊的文繞圖效果 圖在文字右邊的文繞圖效果 圖在文字右邊的文繞圖效果 圖在文字右邊的文繞圖效果 圖在文字右邊的文繞圖效果。
③ 圖片的大小和位置，可以用鼠標(biāo)左鍵點(diǎn)中后拖動(dòng)來(lái)改變，請(qǐng)參考
教程（七）中的動(dòng)畫。
④ 如果點(diǎn)擊<HTML>模式轉(zhuǎn)換按鈕，可以看到上述步驟實(shí)際上實(shí)在<IMG>語(yǔ)句中，添加了一個(gè)參數(shù)：align=left 或 align=right，從而達(dá)到“文繞圖”的效果。
⑤ 在本教程第三部分，還給出了一種通過(guò)<SPAN style=......>語(yǔ)句來(lái)實(shí)現(xiàn)“文繞圖”的辦法。
（二）圖片在文字環(huán)繞四周的“文繞圖”排版方法
想取得圖片在文字正中的效果，可以利用表格<TABLE>語(yǔ)句來(lái)完成。請(qǐng)看下面這個(gè)例子：
圖上的文字 圖上的文字 圖上的文字 圖上的文字 圖上的文字 圖上的文字 圖上的文字 圖上的文字
圖左邊的文字 圖左邊的文字 圖左邊的文字 圖左邊的文字
圖右邊的文字 圖右邊的文字 圖右邊的文字 圖右邊的文字
圖下的文字 圖下的文字 圖下的文字 圖下的文字 圖下的文字 圖下的文字 圖下的文字 圖下的文字
這是一個(gè) 3 X 3 的表格做出來(lái)的效果，圖片被放在了正中的單元格中，造成文字環(huán)繞的效果。具體代碼如下：
<DIV align=center>
<TABLE cellSpacing=1 cellPadding=0 rules=no width=260>
<TBODY>
<TR align=left>
<TD colSpan=3>圖上的文字 ......</TD></TR>
<TR align=middle>
<TD>圖左邊的文字 ......</TD>
<TD><IMG height=38 src="http://spaces.msn.com/rte/emoticons/star.gif" width=38></TD>
<TD>圖右邊的文字 ......</TD></TR>
<TR align=left>
<TD colSpan=3>圖下的文字 ......</TD></TR>
</TBODY></TABLE></DIV>
（三）“首字放大下沉”的排版方法
“首字放大下沉”的效果，常見(jiàn)于書(shū)本雜志，其特點(diǎn)就是文章的第一個(gè)字大小一般是正文的兩倍，甚至更大。如果我們把首字做成藝術(shù)字的圖片，就完全可以采用上述方法（一）中“文繞圖”方式來(lái)達(dá)到“首字放大下沉”的效果。如果我們不把首字做成圖片，就需要用代碼來(lái)完成，實(shí)例如下：
首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首字放大下沉效果 首
具體代碼如下：
<DIV style="FONT-SIZE: 12px; LINE-HEIGHT: 14px"><SPAN style="FONT-SIZE: 24px; LINE-HEIGHT: 28px; FLOAT: left;"><B>首</B></SPAN>字放大下沉效果 首字放大下沉效果 ......</DIV>
其中藍(lán)色數(shù)字可根據(jù)自己的需要調(diào)整字體的大小。
另外，如果將代碼<B>首</B>換成圖片語(yǔ)句，比如：<IMG height=38 src="http://spaces.msn.com/rte/emoticons/star.gif" width=38>，那么也能形成“文繞圖”的效果，感興趣的朋友可以試一試。
