3這時候就發(fā)現(xiàn)頁面底部有工具欄面板彈出來了將光標定位到某個標簽，下面屬性欄就顯示某個標簽的相關屬性 4點擊屬性面板右側的菜單圖標，還可以關閉屬性面板或者面板組，這樣dw即可做縱向導航欄了html垂直多級導航條怎么。

01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結構，如下圖所示02接下來，我們在html的body結構中添加導航欄的內容，如下圖所示03然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫樣。

然后設置導航條的li左浮動，并且去掉li前面的圓點，讓導航條更好看然后設置導航條的a標簽轉塊級，以及導航條菜單的寬高，文字顏色，水平垂直居中和背景色以及去掉a標簽的下劃線接著設置鼠標經(jīng)過導航條菜單變色即可最后。

18首先我們的html里，添加好導航內容28后面的就是網(wǎng)頁的具體內容了，這里的代碼簡單一些38樣式里，我們先定義一些菜單里的樣式48這時運行頁面時，在滾動條滾動下去后，導航是會消失不見的58為了讓導航欄。

CSS導航菜單水平居中的方法1首先打開我們的測試編輯工具如圖所示新建一個項目2然后打開indexhtml文件，輸入以下代碼3首先第一個方法就是使用displayinlineblock將ul標簽設置成行內塊級元素然后將li標簽設置為左。

html做導航欄步驟如下1用Dreamweaver新建一個HTML文件2按ctrl+s先保存，以防突然斷電數(shù)據(jù)丟失3修改title為html+css實現(xiàn)橫向導航4新建一個divid為“a”，添加ulli標簽5在li中添加自己想要的文字并調整。

引用樣式類 在ul標簽內添加 class=#34nav#34，就可以讓nav下的li標簽引用到設置好的樣式類如圖查看效果 把html文件保存后，使用瀏覽器打開即可看到橫向導航菜單效果如圖所有代碼 ！DOCTYPE html html。

1首先，大家可以直接使用html5中的導航欄標簽ltnavltnav，可以根據(jù)實際需要，去除下劃線和顏色等等 2接下來可以無序列表，去除它的默認樣式設置浮動就可以了 3設置超鏈接 在這里還想說的是，ltul的子集元素只能是。

3在新建的html文件上，我點開的是“拆分”模式，所以左側顯示的是代碼，右邊是效果，這樣可以在左邊寫代碼，右邊預覽4在Dreamweavercs6中已經(jīng)沒有插入導航條對象了，這里用spry菜單欄，操作更方便在菜單中找到插入。

HTMLlt！DOCTYPE htmllthtmllthead ltmeta charset=#39utf8#39 ltstyle type=quottextcssquot html， body margin 0 padding 0 background #E6E6E6 nav liststyle。

1首先打開Deamweaver8，新建一網(wǎng)頁文件，接著輸入以下導航菜單的內容2此時對應效果如圖3接下來準備相關的導航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網(wǎng)頁此時的效果。

1打開網(wǎng)站后臺 2找到欄目設置，不同的程序位置有所不同，3進入欄目設置，吧設計好的欄目導航詞條 按順序填寫，排序越小也靠前 4填寫完畢，一定要保存，然后生成一下，有的程序不需要生成，偽靜態(tài)的也不需要生成5切換到。

先把導航條做出來，然后在每個想有下拉列表的欄目下，畫出來下拉的選項，格式一般為 ltdivltulltlilta1ltaltliltlilta2ltaltliltulltdiv，然后調好樣式并將div的style設置，display= 然后獲取。

建議使用FF，Safari，舉個例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

設置導航條的寬和高，網(wǎng)站圖標靠左，其他鏈接靠右用css+html，布局差不多就是下面這樣lthtml lthead ltstyle bodybackground#777 header width100%*全屏寬* height40px*40像素高* background#fff。