本節簡介:使用CSS樣式修改設置導航條的樣式,制作店招和導航條統一背景圖像效果
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
在網頁中按f12查看網頁代碼 點擊該區域知道類名 然后在dw中寫 如.skin-box-bd{background:red} (style不用復制)
dw完成裝飾代碼后拷貝style之間的css代碼至導航顯示設置
去掉所以分類背景顏色的代碼:.all-cats{background:#****} .all-cats .link{background:#****}
去掉導航條系統帶的顏色:.menu-list{background:none;}
導航條的類:{div class=“skin-box-bd}
導航條背景設置:.skin-box-bd{ background} .menu-list .menu{background} .menu-list .menu .link{background} .all-cats{background} .all-cats .link{background}
導航條背景設置:.skin-box-bd{ background} .menu-list .menu{background} .menu-list .menu .link{background} .all-cats{background} .all-cats .link{background}
導航條背景是圖片的,首先先把頁頭的部分弄好上傳上去。