1首先打開電腦上的可編輯網(wǎng)頁(yè)的軟件，新建一個(gè)html頁(yè)面，然后將其保存在桌面上這里使用的是DW2接下來(lái)在body里面添加DIV標(biāo)簽，并在其內(nèi)使用ul無(wú)序列表和li標(biāo)簽制作一個(gè)一級(jí)菜單欄，代碼如圖片所示3因?yàn)椴藛螜谝话愣际怯墟溄拥?，這就需要為每個(gè)li標(biāo)簽添加一個(gè)a標(biāo)簽，并增加適當(dāng)?shù)臉邮绞沟谩?/p>

如圖所示，二級(jí)下拉菜單一般都是這樣來(lái)制作的，就是在li標(biāo)簽里面再放一個(gè)ul標(biāo)簽然后就會(huì)有這樣的效果了，不過(guò)距離二級(jí)菜單有點(diǎn)差距接著我們先把二級(jí)下拉菜單之間的margin和padding值去掉然后設(shè)置divulli，需要注意的是，是子代選擇器因?yàn)槲覀儾恍枰康膌i左浮動(dòng)如圖，浮動(dòng)后就成了，距離二級(jí)菜單。

在這里給你看下我以前的寫的一個(gè)代碼 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead lttitle簡(jiǎn)潔實(shí)用的二級(jí)下拉導(dǎo)航菜單lttitle ltmeta。