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

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

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

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

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

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

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

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

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

網(wǎng)頁導航欄設(shè)計html

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

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

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