首先建立一個DIV，為其命名為“nav”，在DIV中建立一個<ul>無序列表，導航共有幾個欄目，就為列表新增幾個<li>的列表項，為每個列表項中的內容加上超連結，連結到所需的專案頁面。

然後設定CSS樣式，為列表規定寬度和高度，去掉列表前面的符號，程式碼為：

ul {width:寬度值；height：高度值； list-style:none；}

如果是橫向導航，還需為裡面的列表項<li>標籤設定左浮動的樣式，程式碼為：li {float:left;}

每個欄目之間分隔的距離可透過margin（外邊距）屬性來設定。

html程式碼：

<div>

<ul>

<li>CSS學習</li>

<li>學前準備</li>

<li>入門教程</li>

<li>提高教程</li>

<li>佈局教程</li>

<li>精彩應用</li>

</ul>

</div>

css程式碼：

#nav ul{

width:960px;

height:35px;

}