1、如果是導(dǎo)航類(lèi)的下拉菜單的話(huà)，首先給可選擇的主體部分設(shè)置寬高，相對(duì)定位屬性然后主體部分建子標(biāo)簽，也就是下拉出來(lái)的部分，這部分設(shè)置display，絕對(duì)定位通過(guò)事件是鼠標(biāo)懸浮或者點(diǎn)擊來(lái)動(dòng)態(tài)切換子標(biāo)簽的display，為；最好是用JS做，但是非要用CSS呢，也可以如下是我以前寫(xiě)的一個(gè)CSS下拉，你可以參考一下lthtmlltheadlttitlelttitleltstyle*margin0padding0ul，liliststyletypepadding0margin0#nav li；1首先打開(kāi)電腦上的可編輯網(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)椴藛螜谝话?；下拉菜單，其?shí)就是使用HTML+css和一些小小的js就能很簡(jiǎn)單的實(shí)現(xiàn)，首先需要你有至少有2個(gè)div然后在將第一個(gè)div作為父級(jí)元素，然后在使用positionabsolut絕對(duì)定位一下然后在使用JS，獲取對(duì)象，然后添加一個(gè)鼠標(biāo)的onmouseover。

2、6這種方法的html是套用一個(gè)p即可如圖所示7然后將下圖中的css代碼寫(xiě)入CSS文件中即可css導(dǎo)航欄鼠標(biāo)hover的時(shí)候就出現(xiàn)下拉菜單，怎么做的選擇鼠標(biāo)指針浮動(dòng)在其上的元素，并設(shè)置其樣式對(duì)于HTML部分可以使用任何的HTML；1點(diǎn)擊下拉內(nèi)容能切換顯示2下拉內(nèi)容顯示時(shí)，點(diǎn)擊頁(yè)面非下拉內(nèi)容塊隱藏當(dāng)前顯示的下拉內(nèi)容3當(dāng)前內(nèi)容顯示，點(diǎn)擊其他的下拉按鈕，當(dāng)前內(nèi)容隱藏新點(diǎn)擊的下拉內(nèi)容顯示；代碼效果圖代碼含義ltselect定義為下拉列表菜單標(biāo)簽 ltOption定義下拉列表數(shù)據(jù)標(biāo)簽 ltValue 定義傳輸?shù)亩?實(shí)現(xiàn)原理通過(guò)代碼ltselect設(shè)置一個(gè)下拉列表菜單，ltoption設(shè)計(jì)下拉菜單下面的值來(lái)達(dá)成效果代碼源件lthtml；網(wǎng)頁(yè)的下拉菜單是空白的，怎么解決HTMLselect下拉框中，可以通過(guò)設(shè)定一個(gè)空值來(lái)使開(kāi)始顯示的是空白如設(shè)置第一行optionvalue=quotkongbaiquotoption為空操作代碼如下！DOCTYPEhtmlPUBLICquotW3CDTDXHTML10。

3、現(xiàn)在我們?yōu)閚av添加樣式，首先去掉默認(rèn)的margin和padding，再去掉ltullt li標(biāo)簽的liststyle樣式和lta標(biāo)簽的默認(rèn)下劃線(xiàn)接下來(lái)再添e799bee5baa6e4b893e5b19e63加適當(dāng)?shù)臉邮礁鶕?jù)實(shí)際需要添加進(jìn)行美化，如一下；這位網(wǎng)友你好，你找到這個(gè)class名稱(chēng)menufunction在basecss文件中第11行添加屬性zindex為999即可解決問(wèn)題menufunction zindex999。

4、select標(biāo)簽實(shí)現(xiàn)注如果是聯(lián)動(dòng)下拉菜單的話(huà)，需要通過(guò)js動(dòng)態(tài)處理select中的option純css三級(jí)下拉菜單，下面是樣式表 *commonstyling* menufontfamilyarial，sansserifwidth750pxpositionrelativemargin0fontsize；使用HTML和CSS制作下拉菜單的方法如下1編寫(xiě)帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)3在主菜單區(qū)域中。

5、如圖，用到空格隔開(kāi)，注意，空格表示后代選擇器這樣，下面的下拉菜單就看不見(jiàn)了，哈哈然后用jq來(lái)操作鼠標(biāo)經(jīng)過(guò)的時(shí)候，顯示菜單即可如圖，我用到了滑動(dòng)效果，具體可以自己查找一下slideToggle的用法哦；12 31單擊圖片屬性檢查按鈕，單擊圖片屬性檢查按鈕，可以將其變?yōu)橄嚓P(guān)內(nèi)容的屬性。

6、3設(shè)置鼠標(biāo)懸停時(shí)的字體漸變顏色圖示中的代碼在懸停時(shí)，將鏈接變?yōu)樯钌珴u變背景和白色文字的字體4使用樣式表顯示子菜單當(dāng)前子菜單樣式繼承主菜單元素我們要讓子菜單項(xiàng)垂直顯示在主菜單項(xiàng)下方5定位下拉菜單，并。