在網(wǎng)頁(yè)設計時(shí)通過(guò)設置表格背景圖像屬性可以制作一些圖像特效，例如，給圖像鑲邊、遮掩部分圖像實(shí)現圖像的虛化顯示等效果。本例就是利用這一方法實(shí)現制作圖像殘缺效果。

【操作步驟】

第1步，在主體表格的第2個(gè)單元格中插入一個(gè)20行20列的表格，設置大小為300×300像素。然后設置背景圖像。

設置表格屬性的代碼如下：

<table  width="300"  height="300"  border="0"  align="center"  cellpadding="0"  cellspacing="0"  background="image/33.jpg">

第2步，拖選所有單元格，設置所有單元格大小為15×15像素，背景為白色，則把表格的背景圖像遮蓋住。

第3步，在上面雕刻，按住Ctrl鍵單擊選中要鏤空的單元格，然后在【背景】文本框中刪除設置的白色即可。利用這種方式可以創(chuàng )意設計出各種圖案和變形，猶如繪制像素畫(huà)。

制作立體表格

立體表格主要通過(guò)網(wǎng)頁(yè)設計時(shí)的顏色的設置來(lái)實(shí)現。本例的立體表格效果如圖6.42所示。實(shí)現的具體步驟如下。

【操作步驟】

第1步，繼續以之前示例為基礎，打開(kāi)in-dex.html。選中插入的表格，設置主體表格的第3個(gè)單元格背景顏色為藍色（#667BD8），設置垂直對齊方式為頂端。

第2步，在該單元格中插入一個(gè)4行2列的表格，設置寬度為180像素，居中顯示

第3步，插入表格的第1行用來(lái)控制表格與頂部標題欄的距離，合并第2行的兩個(gè)單元格，并設置合并單元格背景圖像，在設置之前應把第2行高度設置為背景圖像的高度。

第4步，設置表格的最后一行和表格右側單元格為1像素高或寬，背景顏色為白色。并設置主體單元格背景顏色為淺藍色（#D6DFF7），高為200像素。

第5步，在設計網(wǎng)頁(yè)時(shí)以同樣的方式或復制上面制作的表格，就可以重復制作多個(gè)立體表格。