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

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

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

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