1、如果是導(dǎo)航類的下拉菜單的話，首先給可選擇的主體部分設(shè)置寬高，相對定位屬性然后主體部分建子標簽，也就是下拉出來的部分，這部分設(shè)置display，絕對定位通過事件是鼠標懸浮或者點擊來動態(tài)切換子標簽的display，為；最好是用JS做，但是非要用CSS呢，也可以如下是我以前寫的一個CSS下拉，你可以參考一下lthtmlltheadlttitlelttitleltstyle*margin0padding0ul，liliststyletypepadding0margin0#nav li；1首先打開電腦上的可編輯網(wǎng)頁的軟件，新建一個html頁面，然后將其保存在桌面上這里使用的是DW2接下來在body里面添加DIV標簽，并在其內(nèi)使用ul無序列表和li標簽制作一個一級菜單欄，代碼如圖片所示3因為菜單欄一般；下拉菜單，其實就是使用HTML+css和一些小小的js就能很簡單的實現(xiàn)，首先需要你有至少有2個div然后在將第一個div作為父級元素，然后在使用positionabsolut絕對定位一下然后在使用JS，獲取對象，然后添加一個鼠標的onmouseover。

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

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

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

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

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