if IEimcm imea spanpositionabsoluteimcm imclear，imcleardisplayimcmzoom1 imcm licurosrhand imcm ulzoom1imcm azoom1lt！endiflt！if gte IE 7imcm imsubcbackgroundimageurlie_css_fixlt！endif；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)椴藛螜谝话愣际怯墟溄拥?，這就需要為每個(gè)li標(biāo)簽添加一個(gè)a標(biāo)簽，并增加適當(dāng)?shù)臉邮绞沟?；樓主您好，我調(diào)試過(guò)，你也試試你懂CSS，我還是按照步驟一步一步來(lái)以便不懂CSS也可以學(xué)習(xí)下第一步，進(jìn)入店鋪裝修點(diǎn)編輯第二步，點(diǎn)顯示設(shè)置第三步，將顯示代碼放進(jìn)去，這個(gè)是我們團(tuán)隊(duì)的代碼第四，依您的背景顏色和文本變粗，代碼如下allcats linkbackground repeat scroll 0；無(wú)標(biāo)題文檔 body backgroundcolorwhitefontsize12pxfontfamilyArial， Helvetica， sansserifmargin0pxpadding0pxcolorwhite ul，li margin0pxpadding0px li displayinlineliststyleliststylepositionoutsidetextaligncenterfontweightboldfloat；CSS導(dǎo)航菜單水平居中的方法1首先打開(kāi)我們的測(cè)試編輯工具如圖所示新建一個(gè)項(xiàng)目2然后打開(kāi)indexhtml文件，輸入以下代碼3首先第一個(gè)方法就是使用displayinlineblock將ul標(biāo)簽設(shè)置成行內(nèi)塊級(jí)元素然后將li標(biāo)簽設(shè)置為左浮動(dòng)即可4第二種方法就是就是將p設(shè)置為displaytable將ul設(shè)置成display；* 1 清除ul默認(rèn)樣式 * ul padding 0margin 0liststyle * 2 設(shè)置水平方向主菜單， 設(shè)置子菜單彈出位置相對(duì)于當(dāng)前父菜單項(xiàng) * li float left * 產(chǎn)生水平菜單 * position relative * position為非static時(shí)才能讓子菜單彈出位置相對(duì)當(dāng)前菜單項(xiàng) * width；代碼效果圖代碼含義定義為下拉列表菜單標(biāo)簽 ltOption定義下拉列表數(shù)據(jù)標(biāo)簽 ltValue 定義傳輸?shù)亩?實(shí)現(xiàn)原理通過(guò)代碼設(shè)置一個(gè)下拉列表菜單，設(shè)計(jì)下拉菜單下面的值來(lái)達(dá)成效果代碼源件 無(wú)標(biāo)題 下拉列表菜單 下拉選項(xiàng)1 下拉選項(xiàng)2。

方法如下方法一HTML 1創(chuàng)建CSS菜單的HTML代碼框架我們使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個(gè)簡(jiǎn)單的無(wú)序列表ul來(lái)表示主菜單項(xiàng)2在主菜單區(qū)域中添加鏈接在本步驟中，在無(wú)序列表ul每一項(xiàng)上添加鏈接3在“關(guān)于我們About Us；下拉菜單的制作方法，要CSS代碼的 可以出現(xiàn)二級(jí)菜單和三級(jí)菜單的最好不要有javascript代碼出現(xiàn) 可以出現(xiàn)二級(jí)菜單和三級(jí)菜單的最好不要有javascript代碼出現(xiàn) 展開(kāi) #xE768 我來(lái)答 2個(gè)回答 #熱議# OPPO超級(jí)會(huì)員日會(huì)上線哪些專(zhuān)屬權(quán)益？aya1818 20100118 · TA獲得超過(guò)136個(gè)贊 知道小有建樹(shù)答主；5我的導(dǎo)航條下拉菜單有問(wèn)題 我鼠標(biāo)一移開(kāi)導(dǎo)航欄，下拉菜單就沒(méi)了，鼠標(biāo)根本無(wú)法移到菜單上，怎么辦呀求大神，最好是簡(jiǎn)單一點(diǎn)的方法 ，我寫(xiě)的那個(gè)不知道怎么回事，鼠標(biāo)移動(dòng)到菜單那個(gè)ul里它竟然顯示是onmouseout事件這是怎么回事導(dǎo)航條設(shè)置相關(guān)問(wèn)答1css 請(qǐng)問(wèn)B站頂部的模糊半透明。

外面的是第一層欄目列表，嵌套的是第二個(gè)首先定義嵌套的ul不顯示 menu ul li ul display 當(dāng)鼠標(biāo)劃過(guò)li的時(shí)候下面的ul顯示出來(lái) menu ul lihover ul displayblock 這樣就可以了，但是我們發(fā)現(xiàn)顯示出來(lái)的二級(jí)欄目不是我們想要的位置，那么對(duì)它進(jìn)行絕對(duì)定位 menu ul；如果想僅用CSS實(shí)現(xiàn)的話，可以考慮把菜單標(biāo)題和菜單內(nèi)容放到同一個(gè)容器下，然后給這個(gè)容器做hover樣式，具體請(qǐng)參閱下面示例代碼HTMLlt！DOCTYPE html PRODUCT MODULAR BROADLOOM RESILIENT RUBBER Blog xxx yyyy zzzz；description#34 content=#34搜狗略懂css分享#34 titlecss實(shí)現(xiàn)下拉導(dǎo)航欄菜單title style type=#34textcss#34 * margin0 padding0 jiao ul li ahover color#red ul， li liststyle a textdecoration jiao border5px sol；使用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ū)域中添加鏈接在本步驟中，在無(wú)序列表ul每一項(xiàng)上添加鏈接4在“關(guān)于我們；這個(gè)是菜單欄的代碼，以下是CSS樣式#menu background #FFFFFF urlimagesimg01gif repeatx width 960px height 45px margin 0 auto padding 0px 0 fontsize16px#menu ul height 45px margin 0 padding 0 background urlimagesimg03gif norepeat list。

還有一種原理，利用body的點(diǎn)擊事件來(lái)操作元素的，也是可以的，但是要利用到j(luò)s比較麻煩，下面的這個(gè)demo是只需要用到css就可以實(shí)現(xiàn)的 OnHereHelloWord 創(chuàng)建一個(gè)滾動(dòng)菜單的HTML代碼是額按這題目來(lái)說(shuō)，就是創(chuàng)建一個(gè)下拉菜單==A是表單。