1打開Deamweaver8，新建一網頁文件接著輸入以下導航菜單的內容lthtml xmlns=quot lthead ltmeta。

首先打開SublimeText軟件，新建一個html頁面，并且在html頁面中準備好html結構，如下圖所示 接下來我們在html的body結構里添加導航條的內容，如下圖所示 然后就需要在style標簽中用CSS對導航條的樣式進行定義了，如下圖所示，書寫樣式的時候一定要注意寫在style標簽里面 最后運行html頁面，你就會看到如下圖；上網一搜都會有，下面是我的寫法鼠標在three上的時候three的背景變色親 ltbody ltstyle demo ul liststyle *這里是把ul列表開頭自帶的quot#8226quot給去掉* demo position fixed*位置固定* top 0%*距離頂部零距離，其實就是固定在頂部* width 100%*寬度。

html做導航欄步驟如下1用Dreamweaver新建一個HTML文件2按ctrl+s先保存，以防突然斷電數據丟失3修改title為html+css實現橫向導航4新建一個divid為“a”，添加ulli標簽5在li中添加自己想要的文字并調整好文字間距，按F12預覽6首先去掉字體前面的小黑點HTML的全稱為超文本標記；1新建html頁面 打開html編輯軟件，新建一個html頁面如圖2添加導航標簽 在ltbody標簽里新建一個ltulltul標簽，然后在ltul標簽里添加幾個ltliltli標簽如圖3在ltli標簽內添加文字在新建的ltli添加要顯示的內容如圖4創建樣式標簽 在lttitle標簽后新建一個ltstyletype=\quott。

4還可以用dt dl來寫~和ul li是一樣的道理~其實，任何元素都可以拿來寫導航~不過常用的還是上述的第1 2 兩種。

1導航條的設置效果 2通過列表制作 3導航條的DIV樣式設置 4important實現對不同的瀏覽器設值，列表項樣式 5但這樣看起來還是沒有任何效果，只是顯示文本一樣為此，我們就需要在 標簽中嵌套超鏈接標簽，超鏈接標簽中，必須設置href屬性才會變成一個超鏈接href的屬性值就是目標地址，#代表了。

01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結構，如下圖所示02接下來，我們在html的body結構中添加導航欄的內容，如下圖所示03然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫樣式的時候一定要注意寫在樣式標簽里04最后，運行html頁面，您將看到如下圖所示。