應用Web標準進行網(wǎng)頁制作以后，我們通常用ul無序列表標簽來構建菜單。我們以前討論過很多橫向菜單的制作，在前面的文章中，我們講述了《用“ul li”及css制作韓國風格菜單》，是一種縱向的導航菜單。我們今天來看另一種縱向導航菜單，我們不斷的總結經(jīng)驗、提高編碼水平，才能在實際操作中更加的得心應手。

　　我們看下面的XHTML代碼：


　　這是兩個無序列表，每一個列表中有三個列表項，即是導航菜單的內容。
　　我們用CSS對此進行樣式的定義，讓它按我們的要求顯示出來，我們看下面的CSS代碼：


　　首先我們進行了全局定義；然后定義了鏈接了樣式，請注重我們對a的定義，是設為塊元素，并設置了下邊框線以及寬度等。接著我們定義了無序列表UL的樣式，請注重ul的定位以及內邊距。最后我們定義了ul中span的樣式。整個設置完成。

　　我們來看看下面的縱向導航菜單效果：


　　大家可以試著修改上面的代碼并運行查看效果，不斷的試驗與思考才會進步的更快。：）