請用檢視=>原始碼查看
用表格將四張影像密合在一起合成一張圖：
現在如果您想將表格欄位內容一個接著一個，製作一個完美無縫隙的外觀，
只需簡單設定表格的border、cellpadding、cellspacing屬性為 0。

 <table>
    <tr>
        <td><img src="images\hat1.gif" width="70" height="70"></td>
        <td><img src="images\hat2.gif" width="70" height="70"></td>
    </tr>
    <tr>
        <td><img src="images\hat3.gif" width="70" height="70"></td>
        <td><img src="images\hat4.gif" width="70" height="70"></td>
    </tr>
</table>
<table border="0" style="border-collapse:collapse;line-height:0;">
    <tr>
        <td><img src="images\hat1.gif" width="70" height="70"></td>
        <td><img src="images\hat2.gif" width="70" height="70" style="margin-left:-2px;"></td>
    </tr>
    <tr>
        <td><img src="images\hat3.gif" width="70" height="70" style="margin-top:-2px;"></td>
        <td><img src="images\hat4.gif" width="70" height="70" style="margin-top:-2px;margin-left:-2px;"></td>
    </tr>
</table>


請注意 <table> 與 <td> 內的語法 (紅色字)



.