1新建一個html頁面2在html頁面上新建三個div標簽，分別為這三個div添加class為headermainfooter3創(chuàng)建style標簽用于設置css樣式在title標簽下創(chuàng)建一個style標簽，然后為header類設置div的高背景顏色樣式4。

1打開Deamweaver8，新建一網頁文件接著輸入以下導航菜單的內容lthtml xmlns=quot lthead ltmeta；01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結構，如下圖所示02接下來，我們在html的body結構中添加導航欄的內容，如下圖所示03然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫樣；3這時候就發(fā)現頁面底部有工具欄面板彈出來了將光標定位到某個標簽，下面屬性欄就顯示某個標簽的相關屬性 4點擊屬性面板右側的菜單圖標，還可以關閉屬性面板或者面板組，這樣dw即可做縱向導航欄了html垂直多級導航條怎么。

1首先打開Deamweaver8，新建一網頁文件，接著輸入以下導航菜單的內容2此時對應效果如圖3接下來準備相關的導航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到ltheadlthead之間5網頁此時的效果；html做導航欄步驟如下1用Dreamweaver新建一個HTML文件2按ctrl+s先保存，以防突然斷電數據丟失3修改title為html+css實現橫向導航4新建一個divid為“a”，添加ulli標簽5在li中添加自己想要的文字并調整。

如何設置html導航欄1用Dreamweaver創(chuàng)建一個新的HTML文件2先按ctrls保存，以防突然斷電，數據丟失3將title修改為htmlcss，實現橫向導航4創(chuàng)建一個新的divid“A”并添加ulli標簽5在li中添加所需的文本，并；先把logo轉換成后綴名是ico的圖片，然后在網頁頭部，也就是ltheadlthead中間放上ltlinkrel=quotshortcuticonquottype=quotimagexiconquothref=quotimagesfaviconicoquotmedia=quotscreenquot這一段代碼，注意圖片路徑一定要寫對，絕對；58為了讓導航欄固定在頂部，我們可以在導航容器里添加樣式positionfixedtop0關鍵是第一個樣式，讓它的位置固定起來68這時運行頁面，頁面滾動起來，導航也始終在頂部的78另外需要修改的地方是導航后面的頁面內容；在CSS中，增加透明度關鍵字，推薦這個回答怎樣在CSS樣式中設置背景的透明度，下面一個具體的實例把類為box的層設為透明ltdiv class=quotboxquotltdiv ltstyle boxwidth300pxheight200pxmargin0 autoboxder；建議使用FF，Safari，舉個例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta。

ltdiv id=quotmainquot大家拖動滾動條下吧 我很長 這樣就能看到導航欄固定的效果了 ltdiv ltbody lthtml 上面的代碼已經實現了需要的功能，導航條固定在了網頁的頂部，這個主要是使用了positionfixed，然后將top值設置；1首先，大家可以直接使用html5中的導航欄標簽ltnavltnav，可以根據實際需要，去除下劃線和顏色等等 2接下來可以無序列表，去除它的默認樣式設置浮動就可以了 3設置超鏈接 在這里還想說的是，ltul的子集元素只能是。

其實導航欄就是給列表標簽設置CSS樣式 第一步 在HTML上的文件里加上ulli 標簽，在對應的CSS文件中使用下邊語句去掉 li 標簽前面默認的小圓點 第二步 讓 li 標簽 浮動 起來，一般設置為左浮動，看看它是不是；HTML5讓導航欄固定頂部不動且不遮擋住下面的DIV方法如下1，首先在html中，添加良好的導航內容2，后者是網頁的具體內容，這里的代碼比較簡單3，在樣式中，首先在菜單中定義一些樣式4，此時，在運行頁面時，滾動條。