1導(dǎo)航條的設(shè)置效果 2通過列表制作 3導(dǎo)航條的DIV樣式設(shè)置 4important實現(xiàn)對不同的瀏覽器設(shè)值，列表項樣式 5但這樣看起來還是沒有任何效果，只是顯示文本一樣為此，我們就需要在 標簽中嵌套超鏈接標簽，超鏈接。

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

如圖，制作導(dǎo)航條菜單一般是用一個div嵌套ul和li標簽，然后li里面有a標簽布局做好之后，開始寫導(dǎo)航條的樣式，如圖，先清除導(dǎo)航條的margin和padding然后定位導(dǎo)航條的div，這里我就用絕對定位來居中，如果你有其他導(dǎo)航條居中。