最方便的是用別人的代碼，別人做得很好而且分享了，為什么不用非要自己費(fèi)勁制作呢當(dāng)然最好理解代碼，不過不理解能用也不錯(cuò)了一打開Dreamweaver，點(diǎn)擊文件新建菜單，創(chuàng)建一個(gè)HTML文件，輸入網(wǎng)站導(dǎo)航欄文字，并選中輸入的；wps制作導(dǎo)航按鈕wps表格制作導(dǎo)航欄的方法 1打開WPS表格，在任意一個(gè)單元格中輸入中文網(wǎng)站名稱，也可以按照自己喜愛定義然后，在其他的單元格中輸入要保存的網(wǎng)站名稱，版式可以自己隨意排列2版式確定好之后，點(diǎn)擊一個(gè)。

body，li，ulmargin0padding0 * 瀏覽器重置 *liliststyle * 瀏覽器重置 去掉li前面的點(diǎn) *navbackground#36Czoom1width500pxmargin50px auto * 設(shè)置整個(gè)導(dǎo)航條的樣式；dreamweaver制作二級(jí)導(dǎo)航代碼的步驟如下1創(chuàng)建一個(gè)包含導(dǎo)航欄文字的div元素2在樣式表中添加一個(gè)空的div元素，設(shè)置樣式為“#”和“鏈接”3將該div元素放在HTML文件中的導(dǎo)航欄中4保存該網(wǎng)頁文件5在瀏覽器。

DW如何把導(dǎo)航欄做成頂部一般來說，導(dǎo)航條是通過絕對(duì)定位來指定的示例代碼如下CSS代碼導(dǎo)航 位置固定*絕對(duì)定位，固定是相對(duì)于瀏覽器窗口的定位* top0*距窗口頂部的距離* 左0*距窗口左側(cè)的距離。

html做網(wǎng)頁導(dǎo)航條代碼

這是全部代碼，如果你會(huì)CSS的可以試著改一下就可以用了設(shè)置導(dǎo)航條的背景色 * 導(dǎo)航欄背景色* skinboxbd menulist linkbackground repeat scroll 0 0 #00ad08 * 導(dǎo)航列表背景色* skinbox。

導(dǎo)航欄基本都是橫排豎排列的，看到的大部分都是橫排排列的，每個(gè)人都有自己的方法做出好看的導(dǎo)航排列，方法有很多種，選擇自己快速的方法即可1橫排無非是本身標(biāo)簽是行內(nèi)標(biāo)簽或者將塊狀標(biāo)簽添加浮動(dòng)效果，然后變成橫排排列。

1首先打開Deamweaver8，新建一網(wǎng)頁文件，接著輸入以下導(dǎo)航菜單的內(nèi)容2此時(shí)對(duì)應(yīng)效果如圖3接下來準(zhǔn)備相關(guān)的導(dǎo)航按鈕圖片可以事先利用PS制作好4然后將以下CSS代碼加入到之間5網(wǎng)頁此時(shí)的效果如圖，就完成了。

無序列表是html頁面排版經(jīng)常用到的非常實(shí)用的標(biāo)簽，但是新手在使用無序列表時(shí)，經(jīng)常會(huì)在橫向排版上出現(xiàn)問題，筆者在這里提供了筆者在使用無序列表制作網(wǎng)頁導(dǎo)航欄時(shí)的幾種方法與常見問題的解決問題以css內(nèi)部樣式為例注。

如何使用css布局水平導(dǎo)航欄 如果是導(dǎo)航菜單，可以用ul不必要列表制作同時(shí)在CSS中使用floatleft控制李向左浮動(dòng)實(shí)現(xiàn)水平菜單請(qǐng)注意，UL或UL的父容器的寬度必須大于所有l(wèi)i寬度的總和例如 html怎么把一行圖片變兩行橫向排列。

網(wǎng)頁導(dǎo)航欄設(shè)計(jì)html

你的nav里面設(shè)置了padding2em，2em，左右padding都是32px，而你的二級(jí)菜單li沒有設(shè)置width，默認(rèn)的寬度是最小的，設(shè)置一下width80px，或者對(duì)于一級(jí)菜單二級(jí)菜單分別設(shè)置padding。

基本就是這么干的你闊以參考一下lt！doctype htmltestol，ul liststyle #mainmargin20px autowidth800pxheight40pxbackgroundblue#main liwidth100pxheight20pxfontweight600colo。

2olli有序列表在網(wǎng)頁中顯示的默認(rèn)樣式一般為每項(xiàng) li 前都自帶一個(gè)序號(hào)，序號(hào)默認(rèn)從1開始其實(shí)導(dǎo)航欄就是給列表標(biāo)簽設(shè)置CSS樣式 第一步 在HTML上的文件里加上ulli 標(biāo)簽，在對(duì)應(yīng)的CSS文件中使用下邊語句去掉。