想用DW做出導(dǎo)航欄必熟知div+css，基本代碼ul#navwidth100%height60pxbackground#00A2CAmargin0autoul#navlidisplayinlineheight60pxul#navliadisplayinlineblockpadding020pxheight60pxlineheight60pxcolor#FFFfontfamily\quot_x0005_FAE8F6F96C59ED1\quotfont；導(dǎo)航欄標(biāo)簽可以直接在H5使用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è)置成displaytablecell即可5第三種方法就是使用displayinline；這是全部代碼，如果你會(huì)CSS的可以試著改一下就可以用了設(shè)置導(dǎo)航條的背景色 * 導(dǎo)航欄背景色* skinboxbd menulist linkbackground repeat scroll 0 0 #00ad08 * 導(dǎo)航列表背景色* skinboxbd menulistbackground repeat scroll 0 0 #00ad08 *導(dǎo)航條；1用Dreamweaver新建一個(gè)HTML文件2按ctrl+s先保存，以防突然斷電數(shù)據(jù)丟失3修改title為html+css實(shí)現(xiàn)橫向?qū)Ш?新建一個(gè)div id為“a”，添加ul li標(biāo)簽5在li中添加自己想要的文字 并調(diào)整好文字間距，按F12預(yù)覽，如下圖所示6首先去掉字體前面的小黑點(diǎn)，代碼如下7預(yù)覽，如圖所示8；0，0，15，300，20白色文字 javascript13，6799，24，348，19，190，0白底黑字 javascript13，6115，913，264，30，230，0黃色格子 ja；導(dǎo)航愛(ài)心花藤javascript13，9114，0，0，200，600，0睡美人 javascript13，9758，0，0，200，600，0西瓜 javascript13，4384，0，0，150，700，0音樂(lè)符號(hào) javascript13，5330，0，0，150；在我們?nèi)粘ｉ_(kāi)發(fā)中，導(dǎo)航條是網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的部分，它是指通過(guò)一定的技術(shù)手段，為網(wǎng)站的訪問(wèn)者提供一定的途徑，使其可以方便地訪問(wèn)到所需的內(nèi)容，是用戶瀏覽網(wǎng)站時(shí)可以快速?gòu)囊粋€(gè)頁(yè)面轉(zhuǎn)到另一個(gè)頁(yè)面的快速通道，今天就給大家介紹導(dǎo)航條的設(shè)置css中導(dǎo)航條設(shè)置1二個(gè)簡(jiǎn)單的菜單導(dǎo)航條示例代碼 這篇；如果你導(dǎo)航背景切片是切局部圖就要這么寫(xiě)bodybackgroundurlnav_bgjpg0px0pxrepeatx如果你做的是自適應(yīng)屏幕的話，即沒(méi)有大容器包裹的情況，無(wú)需設(shè)置寬度，默認(rèn)就是width100%，也無(wú)需浮動(dòng)即CSS代碼#navbackgroundurlnav_bgjpg0px0pxrepeatxclearboth。

制作導(dǎo)航條的活動(dòng)彈出菜單方法一1首先創(chuàng)建一個(gè)1x6的表格，參數(shù)為border=0 cellspacing=3 cellpadding=02在這個(gè)表格的每個(gè)單元格內(nèi)分別插入一個(gè)表格，寬度和高度設(shè)為100%3建立一個(gè)css樣式up和down代碼如下 up border4 outset royalbluecoloryellowbackgroundbluecursorhand；HTMLlt！DOCTYPE html html， body margin 0 padding 0 background #E6E6E6 nav liststyle width 100% height 30px background # nav li float left width 80px height 30px back；用CSS控制的下拉菜單，在各個(gè)瀏覽器中表現(xiàn)的不夠完美，最佳的方法是使用jQuery來(lái)制作，代碼如下，加了一個(gè)緩動(dòng)的效果HTML部分 菜單零 菜單一 子菜單 子菜單 子菜單 子菜單 子菜單 子菜單。

01 02 03 04 05 給你例子簡(jiǎn)單吧，如果你不行，那就自個(gè)琢磨去；寫(xiě)2個(gè)div 外邊的div用于設(shè)置背景不要寫(xiě)width，里邊的div設(shè)置一下width 在居中；340，166，550，100，1這段代碼將創(chuàng)建一個(gè)隱藏導(dǎo)航項(xiàng)，位置在屏幕上的坐標(biāo)340， 166，寬度和高度分別為550像素和100像素，視覺(jué)效果良好要應(yīng)用此代碼，只需粘貼到相關(guān)空間的JavaScript編輯區(qū)域即可另一個(gè)導(dǎo)航選項(xiàng)是javascriptwindow***space_addItem；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；例如media screen and maxwidth 300px body backgroundcolorblue 這段代碼的意思就是 當(dāng)屏幕的最大寬度不超過(guò)300的時(shí)候 背景為藍(lán)色，用這種方法可以實(shí)現(xiàn)你的效果，也就是當(dāng)屏幕寬度為多少的時(shí)候 你可以設(shè)置部分菜單display具體的方法你可以查一下 媒體查詢；完整代碼無(wú)標(biāo)題文檔 ul，li liststyle liststyletype padding0 margin0 *清除ul，li的默認(rèn)樣式* ul li floatleftwidth100px height30px background#900 lineheight30px textaligncenter marginright2px ul li a displayblock。