瀏覽網頁的時候,我們會發現許多網站排版的表格都被美化了,這些形式不僅起到了布局的作用,而且在很大程度上美化了網頁,使網頁看起來更加美觀、新穎,下文是錯新技術頻道小編為您整理的dreamweaver之利用表格美化頁面的方法,一起進入下文了解一下吧!
效果說明
利用表格美化頁面的方式有很多種。本例制作出來的帶有層次感的表格如圖 8-1 所示。
創作思想
利用表格美化頁面并不需要很多的制作技巧。例如本例只需要進行簡單的表格嵌套(即在表格中插入表格),即可達到美化效果。
操作步驟
?。?1 )新建一個頁面文件,然后在編輯區域中插入一個 2 × 1 的表格,并設置表格的基本屬性參數,如圖 8-2 所示。
( 2 )設置表格。將光標置于第一行的單元格中,再將單元格的背景顏色設置為 # 69A 538 ,并應用同樣的方法將第二行單元格的背景顏色設置為 #8FCB 5A 。設置完成后將光標至于第一行的單元格中,然后在此單元格中插入一個 1 × 5 的表格,并設置表格的基本屬性參數,如圖 8-3 所示。
( 3 )錄入文字并設置單元格。在新插入的表格的所有單元格中輸入文字,然后選中所有單元格,設置單元格的相關屬性,如圖 8-4 所示。
?。?4 )改變其中一個單元格的文字顏色和背景顏色,使其突出顯示,如圖 8-5 所示。
?。?5 )保存頁面文件并按 F12 鍵進行預覽,此時即可得到帶有層次感的表格效果。至此,本實例操作完畢。讀者可參考隨書光盤中本實例素材文件夾里的 mhtable.htm 文件,查看制作的結果是否正確。表格是網頁中必不可少的元素之一,美化表格也就順理成章,成為決定網頁美觀與否的關鍵。
上文是關于dreamweaver之利用表格美化頁面的方法,相信大家都有了一定的了解,想要了解更多的技術信息,請繼續關注錯新技術頻道吧!
新聞熱點
疑難解答