新手如何用HTML加CSS布局實現一個導航欄？

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

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

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

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

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

html代碼：

<div id="nav">

<ul>

<li>CSS學習</li>

<li>學前準備</li>

<li>入門教程</li>

<li>提高教程</li>

<li>布局教程</li>

<li>精彩應用</li>

</ul>

</div>

css代碼：

#nav ul{

width:960px;

height:35px;

}