CSS實例教程：用列表ul制作CSS橫向菜單的基礎知識_DIV+CSS實例

　　有朋友說MB5U現在的教程還不夠傻瓜化，有些東東可能對于新手一時還難以理解。
　　我們將陸續的推出一些最基礎的教程與CSS布局的方法、案例。滿足新手的需要。假如你已經對CSS有一些了解，這些教程就可以忽略了。

　　今天介紹如何用ul和li制作橫向菜單。ul是html中的無序列表，li是列表中的列表項。假如沒有CSS定義它的外觀，它默認是顯示成一列列表，并且它會存在項目符號（比如方塊或實心的黑點）的列表內容。
　　CSS網頁布局中，除了新聞列表、鏈接運行ul、li制作以外，我們通常將菜單也用ul、li來實現。我們下面用CSS來改變它的外觀，使它能橫向在一行中顯示，并且將項目符號去掉。

　　我們看下面的XHTML代碼：


　　我們建立了一個id為nav的無序列表，包含了五個列表項li，這就是我們的菜單了。我們通過下面的css代碼，對它進行重新定義：


　　對id為nav的無序列表中的列表項li，我們進行CSS定義。每句代碼的意義解釋如下：
　　display: inline;　內聯（行內）。將li限制在一行來顯示。
　　list-style-type: none;　列表項預設標記為無。這就去掉了“方塊或實心的黑點”
　　padding: 5px 10px;　設置li的填充，距離上下均為5px，距離左右均為10px.
　　這樣定義以后，我們的列表就有一個菜單的雛形了，它看上去不是很美觀，我們在MB5U.com以后的教程中，再對它進行更加深入的修飾。

　　最終的運行效果：