效果圖如下：


　　HTML非常簡單：


　　我們主要學習理解CSS代碼中的一些知識：


　　看這一段代碼，或許你已經非常熟悉了，前面的三個案例MB5U.com這方面的知識已經講了很多。我們看與前面的案例所不同的地方：


　　無序列表UL的邊框為一象素的實線，顏色是#ccc，但是右邊框線為無。
　　這是為我們的菜單元素的邊框留下位置。


　　鏈接元素，我們設置了右邊框為一象素的實線，顏色是#ccc。
　　這就形成了一個封閉的區域作為鏈接元素的容器。看上去還不錯。


　　這表示鏈接元素中id為current的屬性。文字顏色是#fff，背景色是#f60。
　　這一設置是我們應該記住的東西，它可以設置為當前頁面的菜單的id。例如我們現在位于MB5U.com的Div CSS教程這一版塊。我們就將“Div CSS教程”菜單的id設為current。它就會以區別于其它菜單的樣式來顯示。這樣的設置還有其它的方法，可以給body賦予一個id。即可以控制整個頁面中需要標注的部分，這樣的知識我們在以后的MB5U.com的文章是再具體的介紹。

　　我們看最終的運行效果：