1、對(duì)于CSS 部分dropdown 類(lèi)使用 positionrelative， 這將設(shè)置下拉菜單的內(nèi)容放置在下拉按鈕 使用 positionabsolute 的右下角位置。

2、使用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ū)域中。

3、第一步，進(jìn)入店鋪裝修點(diǎn)編輯第二步，點(diǎn)顯示設(shè)置第三步，將顯示代碼放進(jìn)去，這個(gè)是我們團(tuán)隊(duì)的代碼第四，依您的背景顏色和文本變粗，代碼如下allcats linkbackground repeat scroll 0 0 #FF0000skin。

4、第一步，打開(kāi)軟件Adobe Dreamweave CS6，創(chuàng)建一個(gè)新的HTML第二步，在工作區(qū)域body用標(biāo)簽 ul 和 li 輸入導(dǎo)航的內(nèi)容第三，編輯樣式CSS在標(biāo)簽之間寫(xiě)入樣式表，第四，緊接上一步由于無(wú)線(xiàn)序列具有默認(rèn)樣式，前。

5、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è)置為左。

6、用CSS控制的下拉菜單，在各個(gè)瀏覽器中表現(xiàn)的不夠完美，最佳的方法是使用jQuery來(lái)制作，代碼如下，加了一個(gè)緩動(dòng)的效果HTML部分 菜單零 菜單一 子菜單 子菜單 子菜單 子菜單。

7、一般情況下，導(dǎo)航里面的子菜單都是，主菜單的標(biāo)簽里面，布局一般如下 菜單 菜單 菜單 菜單 菜單 像這樣的布局，以上面的布局為例，如果里面的subNav沒(méi)有設(shè)置color，那么將默認(rèn)繼承外層的nav，那么如果要修改里面子菜。

8、代碼如下 也就是我的網(wǎng)站的導(dǎo)航欄你可以去看看 ltSTYLE type=textcss ** body fontsize12px textaligncenter margintop30px fontfamilyVerdana div，imgmargin0。

9、然后就需要在style標(biāo)簽中用CSS對(duì)導(dǎo)航條的樣式進(jìn)行定義了，如下圖所示，書(shū)寫(xiě)樣式的時(shí)候一定要注意寫(xiě)在style標(biāo)簽里面 最后運(yùn)行html頁(yè)面，你就會(huì)看到如下圖所示的導(dǎo)航條，當(dāng)鼠標(biāo)放在某個(gè)導(dǎo)航上時(shí)，背景色會(huì)變成紅色。

10、讓二級(jí)菜單變成一行，只需要在豎排的效果上，讓二級(jí)菜單都浮動(dòng)起來(lái)，這樣就在一行了下面是簡(jiǎn)單的代碼實(shí)現(xiàn)，僅供參考* margin0px padding0pxli liststyle width100px height30px fontsize14。

11、1在下拉菜單的CSS樣式中，使用zindex屬性來(lái)控制下拉菜單的層級(jí)，確保其位于其他頁(yè)面內(nèi)容之上，但不會(huì)重疊和撐開(kāi)下面的內(nèi)容2在網(wǎng)頁(yè)布局時(shí)，將下拉菜單的位置放在其它內(nèi)容的空白區(qū)域，避免下拉菜單和下面的內(nèi)容發(fā)生重疊或。

12、讓用戶(hù)更深記住你的店鋪 4店鋪鏈接可以前往店鋪裝修－頁(yè)面屬性－復(fù)制鏈接地址 5如果你懂CSS代碼編寫(xiě)，可以自行編寫(xiě)網(wǎng)頁(yè)CSS代碼來(lái)設(shè)計(jì)更加精美的首頁(yè)導(dǎo)航，還能做到Wordpress那樣的二級(jí)三級(jí)目錄顯示，小編不懂這里就不說(shuō)明。

13、1修改導(dǎo)航分類(lèi)下面的背景色，代碼如下skinboxbd linkbackground#000000 修改導(dǎo)航分類(lèi)下面的圖片，代碼如下skinboxbd linkbackgroundurl圖片鏈接 2修改整個(gè)導(dǎo)航的背景色 skinboxbd menu。

14、HTMLlt！DOCTYPE html html， body margin 0 padding 0 background #E6E6E6 nav liststyle width 100% height 30px background #。

15、1HTML代碼中的一級(jí)導(dǎo)航li定義了class=quotnavquot，主要用于區(qū)分二級(jí)導(dǎo)航的li2CSS代碼中一級(jí)導(dǎo)航的樣式中定義了相對(duì)定位positionrelative，不設(shè)定任何位置參數(shù)值，主要給子代碼定位使用3二級(jí)導(dǎo)航的絕對(duì)定位。

16、查看效果 把html文件保存后，使用瀏覽器打開(kāi)即可看到橫向?qū)Ш讲藛涡Ч鐖D所有代碼 ！DOCTYPE html html head meta charset=#34UTF8#34 title橫向?qū)Ш讲藛蝨itle style type=#34textcss#34 nav li。

17、里面有導(dǎo)航欄顏色的CSS代碼生成工具以上代碼除了最后一句關(guān)于下拉菜單半透明的是我手動(dòng)添加上去的，其余設(shè)置顏色方面的代碼都是工具生成的，對(duì)于對(duì)CSS不怎么了解的朋友，應(yīng)該還是挺有幫助的希望我的回答能夠幫到你。