使用HTML和CSS制作下拉菜單的方法如下1編寫帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡單的無序列表ul來表示主菜單項(xiàng)3在主菜單區(qū)域中添加鏈接在本步驟中，在無序列表ul每一項(xiàng)上添加鏈接4在“關(guān)于我們；1建立一個(gè)靜態(tài)頁命名為changehtml ，標(biāo)題為js導(dǎo)航點(diǎn)擊的怎么同時(shí)變圖片跟字體顏色2設(shè)置一個(gè)簡易的導(dǎo)航欄3加css 控制菜單的樣式，并加入背景圖片4為li添加id，創(chuàng)建函數(shù)fun ，并傳遞傳遞參數(shù)5為函數(shù)加入點(diǎn)擊導(dǎo)航改變背景圖片的代碼=quoturlimagesbg2png；你好 看了下你的代碼發(fā)現(xiàn)你是用a用的導(dǎo)航，這樣當(dāng)然會(huì)出現(xiàn)如果不在a上面就會(huì)隱藏二級菜單了，而且你的是a里面套a，這樣很不好的出于HTML標(biāo)簽語義化考慮，一般都是用ul，li來寫導(dǎo)航的，我給你個(gè)提示，你試著做做ltul id=ul1 ltli 這里是一級導(dǎo)航 ltul id=ul2 ltli這里是二級導(dǎo)航ltli；建議使用FF，Safari，舉個(gè)例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta；18首先我們的html里，添加好導(dǎo)航內(nèi)容28后面的就是網(wǎng)頁的具體內(nèi)容了，這里的代碼簡單一些38樣式里，我們先定義一些菜單里的樣式48這時(shí)運(yùn)行頁面時(shí)，在滾動(dòng)條滾動(dòng)下去后，導(dǎo)航是會(huì)消失不見的58為了讓導(dǎo)航欄固定在頂部，我們可以在導(dǎo)航容器里添加樣式positionfixedtop0關(guān)鍵是第一個(gè)樣。

方法如下方法一HTML 1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡單的無序列表ul來表示主菜單項(xiàng)2在主菜單區(qū)域中添加鏈接在本步驟中，在無序列表ul每一項(xiàng)上添加鏈接3在“關(guān)于我們About Us；ltOption定義下拉列表數(shù)據(jù)標(biāo)簽 ltValue 定義傳輸?shù)亩?實(shí)現(xiàn)原理通過代碼ltselect設(shè)置一個(gè)下拉列表菜單，ltoption設(shè)計(jì)下拉菜單下面的值來達(dá)成效果代碼源件lthtml lthead ltmeta。

您要的效果應(yīng)該是下面這樣的示例代碼如下lt！DOCTYPE HTMLlthtmllthead ltmeta；如何使用css布局水平導(dǎo)航欄 如果是導(dǎo)航菜單，可以用ul不必要列表制作同時(shí)在CSS中使用floatleft控制李向左浮動(dòng)實(shí)現(xiàn)水平菜單請注意，UL或UL的父容器的寬度必須大于所有l(wèi)i寬度的總和例如 html怎么把一行圖片變兩行橫向排列給圖片的p添加上浮動(dòng)標(biāo)簽 floatlefthtml網(wǎng)頁導(dǎo)航條的設(shè)置1導(dǎo)航條的設(shè)置；瀏覽器 1打開Notepad++，先輸入個(gè)頁面框架 DOCTYPE html html xmlns= hade hade body body 2框架好了，那么就該定義頁面的title，關(guān)鍵詞keyword，和描述description meta charset=UTF8 content=texthtml；首先打開SublimeText軟件，新建一個(gè)html頁面，在html頁面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示接下來，我們在html的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫樣式的時(shí)候一定要注意寫在樣式標(biāo)簽里最后，運(yùn)行html頁面，您將看到如下圖所示的導(dǎo)航欄。

1請單擊“文件”“新建”以創(chuàng)建新的web源文件2默認(rèn)情況下，新類型是OK如果您有其他需要，可以選擇頁面類型布局等，然后單擊“創(chuàng)建”按鈕3創(chuàng)建新網(wǎng)頁后，單擊“設(shè)計(jì)”頁上的“插入表單選擇列表菜單”以插入可選擇的下拉表單4或者在菜單欄下有一個(gè)表單選項(xiàng)圖標(biāo)將鼠標(biāo)放在；avisited 已訪問的狀態(tài) aactive 鼠標(biāo)按下去時(shí)候的狀態(tài) 你只要根據(jù)這幾點(diǎn)來寫就可以，你要點(diǎn)擊后改變背景，可以這樣寫alinkbackgroundurl原來的圖片 norepeatavisitedbackgroundurl點(diǎn)擊過的圖片 norepeat CSS層疊樣式表級聯(lián)樣式表是一種用來表現(xiàn)HTML標(biāo)準(zhǔn)通用標(biāo)記語言的；ltbr ltulltliltliltliltliltliltliltulltdiv#menuoverflowhiddenheight20px#menuhover height100px 選擇鼠標(biāo)指針浮動(dòng)在其上的元素，并設(shè)置其樣式ahover backgroundcoloryellow 對于HTML 部分可以使用任何的 HTML 元素來打開下拉菜單，如ltspan；你這個(gè)class=quotn”是不能設(shè)置高度的，你設(shè)置高度了 肯定會(huì)覆蓋，取消高度。