3這時(shí)候就發(fā)現(xiàn)頁面底部有工具欄面板彈出來了將光標(biāo)定位到某個(gè)標(biāo)簽，下面屬性欄就顯示某個(gè)標(biāo)簽的相關(guān)屬性 4點(diǎn)擊屬性面板右側(cè)的菜單圖標(biāo)，還可以關(guān)閉屬性面板或者面板組，這樣dw即可做縱向?qū)Ш綑诹薶tml垂直多級(jí)導(dǎo)航條怎么。

01首先打開SublimeText軟件，新建一個(gè)html頁面，在html頁面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示02接下來，我們在html的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示03然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫樣。

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

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

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

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

引用樣式類 在ul標(biāo)簽內(nèi)添加 class=#34nav#34，就可以讓nav下的li標(biāo)簽引用到設(shè)置好的樣式類如圖查看效果 把html文件保存后，使用瀏覽器打開即可看到橫向?qū)Ш讲藛涡Ч鐖D所有代碼 ！DOCTYPE html html。

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

3在新建的html文件上，我點(diǎn)開的是“拆分”模式，所以左側(cè)顯示的是代碼，右邊是效果，這樣可以在左邊寫代碼，右邊預(yù)覽4在Dreamweavercs6中已經(jīng)沒有插入導(dǎo)航條對(duì)象了，這里用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)頁文件，接著輸入以下導(dǎo)航菜單的內(nèi)容2此時(shí)對(duì)應(yīng)效果如圖3接下來準(zhǔn)備相關(guān)的導(dǎo)航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網(wǎng)頁此時(shí)的效果。

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

先把導(dǎo)航條做出來，然后在每個(gè)想有下拉列表的欄目下，畫出來下拉的選項(xiàng)，格式一般為 ltdivltulltlilta1ltaltliltlilta2ltaltliltulltdiv，然后調(diào)好樣式并將div的style設(shè)置，display= 然后獲取。

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

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