在瀏覽網(wǎng)頁的時候可以發(fā)現(xiàn),很多用于網(wǎng)站排版的表格都是經(jīng)過美化處理的,這些表格不僅起了布局排版的作用,而且在很大程度上美化了網(wǎng)頁,使網(wǎng)頁看起來更加漂亮、新穎。
效果說明
利用表格美化頁面的方式有很多種。本例制作出來的帶有層次感的表格如圖8-1所示。
創(chuàng)作思想
利用表格美化頁面并不需要很多的制作技巧。例如本例只需要進(jìn)行簡單的表格嵌套(即在表格中插入表格),即可達(dá)到美化效果。
操作步驟
(1)新建一個頁面文件,然后在編輯區(qū)域中插入一個2×1的表格,并設(shè)置表格的基本屬性參數(shù),如圖8-2所示。
(2)設(shè)置表格。將光標(biāo)置于第一行的單元格中,再將單元格的背景顏色設(shè)置為#69A538,并應(yīng)用同樣的方法將第二行單元格的背景顏色設(shè)置為#8FCB5A。設(shè)置完成后將光標(biāo)至于第一行的單元格中,然后在此單元格中插入一個1×5的表格,并設(shè)置表格的基本屬性參數(shù),如圖8-3所示。
(3)錄入文字并設(shè)置單元格。在新插入的表格的所有單元格中輸入文字,然后選中所有單元格,設(shè)置單元格的相關(guān)屬性,如圖8-4所示。
(4)改變其中一個單元格的文字顏色和背景顏色,使其突出顯示,如圖8-5所示。
(5)保存頁面文件并按F12鍵進(jìn)行預(yù)覽,此時即可得到帶有層次感的表格效果。至此,本實例操作完畢。讀者可參考隨書光盤中本實例素材文件夾里的mhtable.htm文件,查看制作的結(jié)果是否正確。表格是網(wǎng)頁中必不可少的元素之一,美化表格也就順理成章,成為決定網(wǎng)頁美觀與否的關(guān)鍵。
更多信息請查看IT技術(shù)專欄