1.利用<Table>标识的背景图片
 
 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="376" height="600">
<tr>
<td width="100%" background="http://img31.imageshack.us/img31/3765/lpaper016hj.gif" height="600" valign="top">
<p align="center"><font face="Arial" style="font-size: 9pt">在这里输入文字内容</font>
</td>
</tr>
</table>
 

2.利用<Table>标识的背景图片+框内排版

 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="376" id="AutoNumber1" height="514">
<tr>
<td width="100%" background="http://img103.imageshack.us/img103/3493/lpaper025se.gif" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" height="495">
<tr>
<td width="11%" height="170">　</td>
<td width="78%" height="170">　</td>
<td width="11%" height="170">　</td>
</tr>
<tr>
<td width="11" height="309">　</td>
<td width="78%" height="309">
<div style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 300px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 270px; BACKGROUND-COLOR: transparent">
<div>
<p align="left"><font face="Arial" style="font-size: 9pt">1.
<span lang="zh-cn">文字内容</span>...</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">2.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">3.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">4.</font></p>
<p align="right"><font face="Arial" style="font-size: 9pt">5.<span lang="zh-cn">右对齐文字内容</span></font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">6.</font></p>
<p align="center"><font face="Arial" style="font-size: 9pt">7.<img border="0" src="http://img69.imageshack.us/img69/4432/msnlogo2uw.gif" width="48" height="48"><span lang="zh-cn">图片</span></font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">8.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">9.</font></p>
<p align="center"><font face="Arial" style="font-size: 9pt">10.<span lang="zh-cn">居中文字内容</span>...</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">11.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">12.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">13.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">14.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">15. </font>
</p>
<p align="left"><font face="Arial" style="font-size: 9pt">16.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">17.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">18.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">19.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">20.<span lang="zh-cn">文字内容</span>...</font></div>
</div>

</td>
<td width="11" height="309">　</td>
</tr>
<tr>
<td width="11%" height="16"></td>
<td width="78%" height="16"></td>
<td width="11%" height="16"></td>
</tr>
</table>
</td>
</tr>
</table>
　
 
注释：
 
这么长的代码,即使懂HTML语言,也很难做分析.所以尽量复制上部的演示部分.
在这里重点解释几个重要组成部分.
1.<table>标识部分：有两套<table>.
外部的<table>是为了添加最底部背景图片.此部分可参考第一个演示注释.
内部的<table>是为了固定滚动框的位置而添加的.
2.<div>部分：也有两套<div>
外部的<div>是滚动框部分.内部的<div>是文字内容部分.
在这里对外部<div>做简单的解释.此部分代码较长.
 
<div style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 300px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 270px; BACKGROUND-COLOR: transparent">
 
只要记住(红色部分)宽度和高度位置就可以.
 
 

利用<Table>标识的 表格,实现文字与分隔线对齐

 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="425" id="AutoNumber1" background="http://img295.imageshack.us/img295/8349/lpaper141ox.gif" height="571">
<tr>
<td width="100%" height="474" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="300" id="AutoNumber2" height="145">
<tr>
<td width="100%" align="center" height="129">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">
<font face="Arial" style="font-size: 9pt"><span lang="zh-cn">第</span>1<span lang="zh-cn">行-文字居中</span></font></td>
</tr>
<tr>
<td width="100%" align="center" height="20">
<p align="left"><font face="Arial" style="font-size: 9pt">
<span lang="zh-cn">第2行-文字左对齐</span></font></td>
</tr>
<tr>
<td width="100%" align="center" height="20">
<p align="right"><font face="Arial" style="font-size: 9pt">
<span lang="zh-cn">第3行-文字右对齐</span></font></td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20">　</td>
</tr>
<tr>
<td width="100%" align="center" height="20"><span lang="zh-cn">
<font face="Arial" style="font-size: 9pt">最后</font></span><font face="Arial" style="font-size: 9pt">1<span lang="zh-cn">行</span></font></td>
</tr>
</table>
</td>
</tr>
</table>