添加一個(gè)DIV標(biāo)記來(lái)分隔頁(yè)面中的一個(gè)塊以供顯示div中使用的樣式是用我們剛剛聲明的盒子“jiao”來(lái)描述的然后使用無(wú)序標(biāo)簽 放上所有的代碼，可以參考允許您通過(guò)URL識(shí)別您的標(biāo)記 內(nèi)容類型charset=utf8 填充0。

1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)2在主菜單區(qū)域中添加鏈接在本步驟中，在無(wú)序列表。

一打開Dreamweaver，點(diǎn)擊文件新建菜單，創(chuàng)建一個(gè)HTML文件，輸入網(wǎng)站導(dǎo)航欄文字，并選中輸入的文字，在下面的屬性欄鏈接處加一個(gè)空鏈接#然后保存該網(wǎng)頁(yè)文件二點(diǎn)擊窗口行為菜單，打開行為面板三選中第一步輸入的。

mainMenu backgroundcolorFFF*Backgroundcolorofmainmenu* fontfamilyTrebuchetMS，LucidaSansUnicode，Arial，sansserif*Fontsofmainmenuitems* fontsize12em*Fontsizeofmainmenuitems* borderbottom1px。

通過(guò)代碼設(shè)置一個(gè)下拉列表菜單，設(shè)計(jì)下拉菜單下面的值來(lái)達(dá)成效果代碼源件 無(wú)標(biāo)題 下拉列表菜單 下拉選項(xiàng)1 下拉選項(xiàng)2。

li a， dropbtn display inlineblock color white textalign center padding 14px 16px textdecoration li ahover， dropdownhover dropbtn backgroundcolor #1。

用div+css的ulli結(jié)合script腳本實(shí)現(xiàn)下拉列表菜單，全部代碼如下，復(fù)制在DW中預(yù)覽即可看到效果，細(xì)節(jié)樣式可以自行修改lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot。

這個(gè)是菜單欄的代碼，以下是CSS樣式#menu background #FFFFFF urlimagesimg01gif repeatx width 960px height 45px margin 0 auto padding 0px 0 fontsize16px#menu ul height 45px margin。

1 打開Frontpage軟件，單擊菜單欄“插入”表單下拉框2 在“設(shè)計(jì)”模式下，把頁(yè)面上的“提交”和“重置”按鈕刪除掉3 在“設(shè)計(jì)”模式下，雙擊下拉框，彈出“下拉框?qū)傩浴睂?duì)話框，單擊“添加”按鈕4 在彈出。

這樣就成功，可是會(huì)發(fā)現(xiàn)離開總菜單 下拉菜單也消失了，所以 最后還要選中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行為制作出的全部代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot。

網(wǎng)頁(yè)下拉框可以通過(guò)以下方法實(shí)現(xiàn)工具原料 Frontpage軟件 前期準(zhǔn)備工作1 打開Frontpage軟件，單擊菜單欄“插入”表單下拉框2 在“設(shè)計(jì)”模式下，把頁(yè)面上的“提交”和“重置”按鈕刪除掉3 在“設(shè)計(jì)”模式下。

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)椴藛螜谝话恪?/p>

1首先我們打開html開發(fā)工具，新建一個(gè)html代碼頁(yè)面2在html代碼頁(yè)面上創(chuàng)建一個(gè)select下拉菜單3保存html代碼頁(yè)面，使用瀏覽器打開，這個(gè)時(shí)候我們發(fā)現(xiàn)select下拉菜單是可以點(diǎn)擊修改的4回到html代碼頁(yè)面，在select標(biāo)簽上。

按CTRL+F2打開Objects面板，點(diǎn)擊層img=20，20fileG程序所用的材料網(wǎng)站網(wǎng)頁(yè)制作下載文章天極論壇網(wǎng)頁(yè)設(shè)計(jì)下拉菜單全攻略之Dreamweaver篇files6gifimg按鈕后在頁(yè)面中按住鼠標(biāo)不放拖出一個(gè)層。

您要的效果應(yīng)該是下面這樣的示例代碼如下lt！DOCTYPE HTML 純 CSS 多級(jí)菜單 menu menu ul，menu limargin0 padding0liststyle outside menuuloverflowauto displayinlin。

如需修改下拉菜單，可以選中文字，點(diǎn)擊行為面板的 顯示彈出式菜單 即可如果下拉菜單下面有Flash，為了不影響下拉菜單的正常效果和層次，需要給Flash添加透明代碼 ，還需在embed標(biāo)簽中加入代碼wmode=quottransparentquot。

首先需要打開自己電腦上的DW軟件，新建一個(gè)html頁(yè)面，然后將其保存在桌面上接下來(lái)我們需要在body里面添加DIV標(biāo)簽，并在其內(nèi)使用ul無(wú)序列表和li標(biāo)簽制作一個(gè)一級(jí)菜單欄，代碼和瀏覽器的效果如下面兩張圖片所示因?yàn)椴藛螜凇?/p>

44 菜單項(xiàng)制作完成鏈接頁(yè)面設(shè)置完成后，就可將制作好的下拉導(dǎo)航菜單發(fā)布到網(wǎng)頁(yè)中在發(fā)布的對(duì)話框中選擇要插入下拉導(dǎo)航菜單的網(wǎng)頁(yè)，代碼必須要插入到頁(yè)面的標(biāo)簽內(nèi)，在代碼中找到標(biāo)簽的位置，點(diǎn)擊‘插入代碼’按鈕，就可成。