效果圖：
說明：
此表格加上了漂亮的線條；主要是通過cellspacing1像素間隙，使表格與單元格背景實(shí)現(xiàn)變化。
代碼3：
<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0"><tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >立</td><td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >表</td></tr><tr align="center"> <td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >體</td><td bgcolor="#B7B7B7" bordercolorlight="#000000" bordercolordark="#eeeeee" >格</td></tr></table>
效果圖：
說明：
此表格為立體感效果，是通過簡單的亮暗邊框設(shè)置來實(shí)現(xiàn)的。
代碼4：
<TABLE style="BACKGROUND-IMAGE: url(http:///eWebEditor/sysimage/bg/snow.gif)" borderColor=#0000ff cellSpacing=2 cellPadding=3 width="80%" bgColor=#dddddd border=1
heihgt="90%">
<TBODY>
<TR>
<TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR>
<TR>
<TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR></TBODY></TABLE>
效果圖：
表格代碼詳解：
1、http:///eWebEditor/sysimage/bg/snow.gif 表格背景圖片，可調(diào)；
2、 border=1 邊框的粗細(xì)參數(shù)，可調(diào)；
3、cellSpacing=2 表格單元的間距參數(shù)，可調(diào)；
4、cellPadding=3 表格單元的邊距參數(shù)，可調(diào)；
5、width="80%" 表格的寬度，可調(diào)；
6、heihgt="90%" 表格的高度，可調(diào)；
7、borderColor=#0000ff 表格邊框顏色，可調(diào)；
8、bgColor=#dddddd 表格背景顏色，可調(diào)；
9、<TD> </TD> 表格橫向的一個(gè)單元，可增減；
10、<TR><TD> </TD><TD> </TD>
<TD> </TD><TD> </TD>
<TD> </TD></TR> 為表格橫向的5個(gè)單元格，可增減。
在掌握了表格導(dǎo)航代碼原理后，還可創(chuàng)意出各種形式表格導(dǎo)航。欣賞下款應(yīng)用實(shí)例。
應(yīng)用實(shí)例圖：
應(yīng)該說，表格導(dǎo)航的制作手法及樣式多種多樣，在掌握基本代碼和原理后，重要的是創(chuàng)意。
