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

如圖所示，二級下拉菜單一般都是這樣來制作的，就是在li標(biāo)簽里面再放一個ul標(biāo)簽然后就會有這樣的效果了，不過距離二級菜單有點(diǎn)差距接著我們先把二級下拉菜單之間的margin和padding值去掉然后設(shè)置divulli，需要注意的是，是子代選擇器因為我們不需要全部的li左浮動如圖，浮動后就成了，距離二級菜單。

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