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

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

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

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

通過代碼設(shè)置一個下拉列表菜單，設(shè)計下拉菜單下面的值來達成效果代碼源件 無標(biāo)題 下拉列表菜單 下拉選項1 下拉選項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腳本實現(xiàn)下拉列表菜單，全部代碼如下，復(fù)制在DW中預(yù)覽即可看到效果，細節(jié)樣式可以自行修改lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot。

這個是菜單欄的代碼，以下是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è)計”模式下，把頁面上的“提交”和“重置”按鈕刪除掉3 在“設(shè)計”模式下，雙擊下拉框，彈出“下拉框?qū)傩浴睂υ捒颍瑔螕簟疤砑印卑粹o4 在彈出。

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

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

1首先打開電腦上的可編輯網(wǎng)頁的軟件，新建一個html頁面，然后將其保存在桌面上這里使用的是DW2接下來在body里面添加DIV標(biāo)簽，并在其內(nèi)使用ul無序列表和li標(biāo)簽制作一個一級菜單欄，代碼如圖片所示3因為菜單欄一般。

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

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

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

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

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

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