如果要用html加上css來制作導航條的話，難度不大，代碼也不多要是用于學習的話建議自己用原生代碼實現(xiàn)要是用于生產(chǎn)環(huán)境或項目上的話，建議采用bootstrap等前端框架，直接套用他們的導航欄代碼即可，樣式不僅好看代碼也易讀。

01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準備好html結(jié)構(gòu)，如下圖所示02接下來，我們在html的body結(jié)構(gòu)中添加導航欄的內(nèi)容，如下圖所示03然后需要在style標簽中用CSS定義導航條的樣式，如下圖所示寫。

首先打開SublimeText軟件，新建一個html頁面，并且在html頁面中準備好html結(jié)構(gòu)，如下圖所示 接下來我們在html的body結(jié)構(gòu)里添加導航條的內(nèi)容，如下圖所示 然后就需要在style標簽中用CSS對導航條的樣式進行定義了，如下圖所示。

borderright solid 1px # textalign center font 14px arial，#39Microsoft Yahei#39，宋體，sansserif，tahoma fontweight bold lineheight 30px color # cursor pointer。