1、基本就是這么干的你闊以參考一下lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitletestlttitleltstyle type=quottextcssquotol，ul liststyle #mainmargin20px autowidth800pxheight；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í)的效果；超級(jí)實(shí)用！網(wǎng)站導(dǎo)航欄設(shè)計(jì)形式綜述導(dǎo)航對(duì)一個(gè)網(wǎng)站起著重要的導(dǎo)向作用一個(gè)優(yōu)秀的導(dǎo)航設(shè)計(jì)可以讓用戶快速找到自己需要的東西，讓用戶清楚地了解網(wǎng)站的結(jié)構(gòu)框架，起到重要的指導(dǎo)作用以下是一些常見的網(wǎng)頁導(dǎo)航形式 1頂部導(dǎo)航 置頂導(dǎo)航廣泛應(yīng)。

2、設(shè)計(jì)師可以考慮做成側(cè)邊欄以滑動(dòng)方式展現(xiàn)，在節(jié)約網(wǎng)站空間的同時(shí)也顯得更加簡(jiǎn)約側(cè)邊欄導(dǎo)航的設(shè)計(jì)需要注意的是導(dǎo)航欄目的寬度問題，若導(dǎo)航欄中字體過長(zhǎng)，在展示上會(huì)存在一定的問題，哪怕做成滑動(dòng)展示的形式也不能很好的得以解；HTMLlt！DOCTYPE htmllthtmllthead ltmeta charset=#39utf8#39 ltstyle type=quottextcssquot html， body margin 0 padding 0 background #E6E6E6 nav liststyle；設(shè)計(jì)導(dǎo)航欄的樣式導(dǎo)航欄的樣式設(shè)計(jì)需要考慮網(wǎng)站的整體風(fēng)格和用戶的使用習(xí)慣導(dǎo)航欄的樣式包括導(dǎo)航欄的顏色形狀字體大小等同時(shí)，需要考慮導(dǎo)航欄的可讀性和易用性，導(dǎo)航欄的文字應(yīng)該清晰易懂，按鈕的大小和間距應(yīng)該合適。

3、你寫的floatleft而且你這是豎直排列啊你應(yīng)該是想要橫向排列吧問題出在你第一個(gè)選擇器，ul，li中間是逗號(hào)，代表并列的意思，所以你后面的屬性是給了ul和liul和li寬度都是80px，li一排就只能放下一個(gè)逗號(hào)改成。