怎樣制作網(wǎng)頁下拉導(dǎo)航菜單?
1、首先打開sublime編譯器,然后創(chuàng)建后綴名為.html的文件,并寫入基本網(wǎng)頁結(jié)構(gòu)。
2、在div容器中寫入最基本的菜單結(jié)構(gòu),使用列表進行構(gòu)建。
3、將列表添加class屬性,并使用CSS屬性去掉列表和a標(biāo)簽的樣式。
4、設(shè)置第一級菜單的大小和寬度高度,以及文字居中。
5、二級菜單欄設(shè)置邊框和背景顏色。
6、當(dāng)鼠標(biāo)滑過的時候,二級菜單改變顏色,使用hover屬性設(shè)置CSS樣式。
7、最后是將二級菜單欄的display設(shè)置為none進行隱藏,當(dāng)鼠標(biāo)懸停在一級菜單欄,display變?yōu)閎lock。