還是上面的主要原理，我們在利用表格之間的互相嵌套，就可以實(shí)現(xiàn)更多的效果。

　　1、首先我們繪制一個(gè)表格，參照前面的例子設(shè)定此表格的CellPad和CellSpace的數(shù)值和顏色。具體效果如圖七;

圖七

　　2、接下來繪制另一個(gè)單行單列的表格，設(shè)置CellPad=2，CellSpace=1具體參數(shù)如圖八;

圖八

　　3、將第一步中作好的表格移動(dòng)到第二步中的表格中，此時(shí)的表格外觀如圖九;

圖九

　　我們看到此表格具有雙線外框，單線內(nèi)框。

　　4、再修改第二步中的表格為單行雙列，在每個(gè)單元格中都放置一個(gè)第一步中的表格，最后的表格外觀如圖十;

圖十

三、利用樣式表美化表格。

　　1、直接重新定義，樣式表的詳細(xì)定義我不作介紹，定義表格邊框主要是在樣式編輯器的Border選項(xiàng)中，如圖十一;

圖十一

　　Width代表上下左右的邊框?qū)挾?Color可以分別定義上下左右邊框的顏色;Style可以丁一邊框的樣式，常用的為solid(實(shí)線)，其它類型還有:dotted(點(diǎn)線)、dashed(虛線)、double(雙線)、groove(槽線)、ridge(脊線)、inset(內(nèi)陷)、outset(外陷)。不過有幾個(gè)類型必須是IE5.5以上版本才可以看到的。

　　2、重新定義了后的表格外觀如圖十二;

圖十二

　　3、我們?nèi)∠麑?duì)的重新定義，單獨(dú)定義一個(gè).tdstyle樣式，具體參數(shù)如圖十三;

圖十三

　　注意在這里我們定義了頂端和下端的邊框?qū)挾葹?像素，左右兩邊的為0。

　　4、最后的表格效果見圖十四;

圖十五

　　此時(shí)表格呈現(xiàn)類似立體的效果。

　　6、上面這個(gè)表格感覺不太完美，整個(gè)表格的右邊和下方無邊框。我們可以再定義一個(gè)樣式.table1，定義此樣式的四邊都為1像素，并將它附給

，此時(shí)表格外觀如圖十六;

圖十六

　　小結(jié):合理利用上面介紹的表格技巧，可以非常方便的創(chuàng)造各種常見的表格樣式，從而達(dá)到美化你的頁面的目的。而樣式表的運(yùn)用更加擴(kuò)充了表格的樣式外觀，配合高瀏覽器的支持，可以實(shí)現(xiàn)更加多樣的效果，如虛線、立體線、等等。個(gè)人感覺在商業(yè)網(wǎng)站的設(shè)計(jì)中，更多的使用表格可以整加頁面層次，同時(shí)可以使頁面簡潔大方，但也要提醒大家在表格嵌套時(shí)的嵌套層次不要超過三層。