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

5創(chuàng)建橫向?qū)Ш降臉邮?在style標(biāo)簽里添加一個(gè)樣式類為navli，然后再navli類中設(shè)置樣式背景顏色為紅色，浮動為左浮動，內(nèi)邊框上下為8px左右為15px，列表屬性為，字體顏色為白色樣式代碼為navlibackground。

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

02接下來，我們在html的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示03然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫樣式的時(shí)候一定要注意寫在樣式標(biāo)簽里04最后，運(yùn)行html頁面，您將看到如下圖所示的導(dǎo)航欄。