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

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

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

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