HTMLlt！DOCTYPE html html， body margin 0 padding 0 background #E6E6E6 nav liststyle width 100% height 30px background #；2然后點擊導航欄的“窗口”，在其子菜單中會看到“屬性”選項，可以點擊一下3這時候就發(fā)現(xiàn)頁面底部有工具欄面板彈出來了將光標定位到某個標簽，下面屬性欄就顯示某個標簽的相關屬性 4點擊屬性面板右側的菜單圖標；在此設置一個導航條的導航條背景色為綠色，將代碼改為00FF00，即可附顏色代碼1白顏色#FFFFFF2紅顏色#FF00003綠顏色#00FF004藍顏色#0000FF5牡丹紅#FF00FF6青顏色#00FFFF7黃顏色#FFFF008黑顏色#0000009海顏藍#70DB；想用DW做出導航欄必熟知div+css，基本代碼ul#navwidth100%height60pxbackground#00A2CAmargin0autoul#navlidisplayinlineheight60pxul#navliadisplayinlineblockpadding020pxheight60pxline；css中導航條設置1二個簡單的菜單導航條示例代碼 這篇文章主要介紹了二個簡單的菜單導航條示例，需要的朋友可以參考下，使用代碼案例詳解導航條設置，簡單明了的代碼可以做到舉一反三效果2CSS實現(xiàn)導航條Tab切換的三種方法；1首先打開Deamweaver8，新建一網(wǎng)頁文件，接著輸入以下導航菜單的內容2此時對應效果如圖3接下來準備相關的導航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到之間5網(wǎng)頁此時的效果如圖，就完成了。

5創(chuàng)建橫向導航的樣式 在style標簽里添加一個樣式類為navli，然后再navli類中設置樣式背景顏色為紅色，浮動為左浮動，內邊框上下為8px左右為15px，列表屬性為，字體顏色為白色樣式代碼為navlibackground。

兄弟，你要做網(wǎng)頁，代碼肯定是要學的 不懂可以私 相信我，慢慢來不難的，我?guī)湍銓懞昧?，你只需要修改自己喜歡的樣式即可 并且所有要修改樣式的地方我都幫你備注好了 您只需要把 這堆東西放入兩個標簽之間的中間 ul；1首先輸入下方的代碼windowscrollfunction var $nav = $quotfloatingMenu ul liquot，length = $navlength1，獲取導航菜單 ul li 的個數(shù) item = new Array，新建一個數(shù)組 sTop = $window；制作一個放導航欄的容器 制作一個放導航欄的容器，容器名為nav，容器寬為1000px，高為30px，背景顏 色為灰色，相關代碼如下 #nav width1000px height30px background#CCC margin0；首先是cssa color #000000 ahover color #fff background #000 然后a標簽 點擊按鈕這些是a標簽的一些樣式 a 標簽對是一個網(wǎng)站的一條信息鏈接定義的，alink * 未訪問的鏈接 *avisited；如果你不會編程，可以到很多js源碼站，下載復制導航欄的源代碼，粘貼到網(wǎng)頁上使用也有不少網(wǎng)頁導航欄制作軟件，可以方便地做出需要的菜單，同樣可以復制到網(wǎng)頁上使用；完整代碼無標題文檔 ul，li liststyle liststyletype padding0 margin0 *清除ul，li的默認樣式* ul li floatleftwidth100px height30px background#900 lineheight30；這是全部代碼，如果你會CSS的可以試著改一下就可以用了設置導航條的背景色 * 導航欄背景色* skinboxbd menulist linkbackground repeat scroll 0 0 #00ad08 * 導航列表背景色* skinbox；2修改title為html+css實現(xiàn)橫向導航3新建一個div id為“a”，添加ul li標簽4在li中添加自己想要的文字 并調整好文字間距，按F12預覽5首先去掉字體前面的小黑點6接下來，使文字橫向排列，設置代碼如下。

02接下來，我們在html的body結構中添加導航欄的內容，如下圖所示03然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫樣式的時候一定要注意寫在樣式標簽里04最后，運行html頁面，您將看到如下圖所示的導航欄。