導(dǎo)航欄基本都是橫排、豎排列的，看到的大部分都是橫排排列的，每個人都有自己的方法做出好看的導(dǎo)航排列，方法有很多種，選擇自己快速的方法即可。

1.橫排無非是本身標(biāo)簽是行內(nèi)標(biāo)簽或者將塊狀標(biāo)簽添加浮動效果，然后變成橫排排列的導(dǎo)航。a標(biāo)簽既可以當(dāng)做鏈接符號來用，本身也是行內(nèi)標(biāo)簽的一種，直接用a標(biāo)簽輸入文字，可以直接在橫排顯示。

2.如圖所示效果，橫排顯示的導(dǎo)航。

3.如果想要對整體的導(dǎo)航進(jìn)行移動位置，可以對整個的a標(biāo)簽添加上一個大的盒子div，這樣對整體div的移動就可以了。

4.如圖，對div添加居中，添加個描邊就直接影響到整個a標(biāo)簽內(nèi)容了。

5.我們還可以使用塊狀標(biāo)簽div來作為導(dǎo)航的一份子，如果中間有鏈接的時候需要a標(biāo)簽。

6.默認(rèn)的塊狀標(biāo)簽div是豎排排列的，就是會換行。

7.然后我們將div添加float:left；浮動效果就好了。

8.這樣剛才的豎排導(dǎo)航就變成了橫排排列的導(dǎo)航頁了。

9.很多時候我們做導(dǎo)航會用到無序列表ul或者有序列表ol來制作導(dǎo)航，做法和div也是一樣的，如圖建立ul li標(biāo)簽；將li添加浮動效果。

10.再添加些邊框值，這樣一個導(dǎo)航頁也好了，和之前的也沒大區(qū)別，所以制作導(dǎo)航的方法千千種，按公司習(xí)慣來做就好了。