項目五-表格-資料下載頁
2025-08-16 01:44本頁面
【正文】 nner背景透明。 Banner動畫有一個白色的背景，會把背景圖像遮蓋住。選擇 Banner動畫，在屬性面板的“ Wmode”下拉列表中選擇“透明”，如圖所示，背景就變得透明。 美化完畢， CSS規(guī)則代碼如下，效果如圖所示。 .td1 { backgroundimage: url(images/)。 backgroundrepeat: norepeat。 } 任務 2 制作表格布局網(wǎng)頁 Dreamweaver學習園地 美化導航欄 導航欄高度為 35px，文字加粗顯示，背景色為深綠色 669900，文本居中顯示。超鏈接文本為白色，無下劃線，光標放到超鏈接時文字變?yōu)榧t色加下劃線。 美化完畢， CSS規(guī)則代碼如下，效果如圖所示。 .td2 { fontweight: bolder。 backgroundcolor: 669900。 textalign: center。 height: 35px。 } a { color: FFF。 textdecoration: none。 } a:hover { color: F00。 textdecoration: underline。 } 任務 2 制作表格布局網(wǎng)頁 Dreamweaver學習園地 美化左側(cè)欄 左側(cè)欄寬度設為 200px，文本頂端對齊，添加一個淺綠到深綠的漸變背景圖，水平線的顏色設置為與網(wǎng)頁背景相同的顏色 066。無序列表項間距為 15px。 美化完畢， CSS規(guī)則代碼如下，效果如圖所示。 .td3 { backgroundimage: url(images/)。 backgroundrepeat: repeatx。 verticalalign: top。 width: 200px。 } hr { color: 066。 圖 543 主體左側(cè)欄美化效果 } li { marginbottom: 15px。 } 任務 2 制作表格布局網(wǎng)頁 Dreamweaver學習園地 美化右側(cè)欄 背景色為白色，單元格文本頂端對齊，主體文本右側(cè)環(huán)繞圖片，離圖片有 15px間距，文字行間距為 160%行距，首行縮進。 美化完畢， CSS規(guī)則代碼如下，效果如圖所示。 . ztp { lineheight: 160%。 textindent: 2em。 } .td4 { backgroundcolor: FFF。 verticalalign: top。 } img { marginright: 15px。 } 任務 2 制作表格布局網(wǎng)頁 Dreamweaver學習園地 美化版尾 單元格高度設為 60px，背景色設為深綠色 003300，文字設為白色，居中顯示。 美化完畢， CSS規(guī)則代碼如下，效果如圖所示。 .td4 { backgroundcolor: FFF。 verticalalign: top。 } 至此，網(wǎng)頁制作完畢，保存網(wǎng)頁，在瀏覽器中預覽效果如圖所示。 任務 2 制作表格布局網(wǎng)頁 Dreamweaver學習園地
數(shù)學相關推薦
鄂ICP備17016276號-1