CSS導航是網頁設計中必不可少的組件之一，它可以幫助用戶更方便地瀏覽網站內容。下面我們將介紹如何創建一個簡單的CSS導航。

<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">產品介紹</a></li>
<li><a href="#">新聞資訊</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>

上面的代碼中，我們使用了nav、ul和li標簽來創建導航。
nav標簽用于標識導航，ul標簽用于包含導航的列表，li標簽則用于每個導航項的包裹。
在每個li標簽中，我們使用了a標簽來添加導航鏈接，并在其中添加了文本內容。

如何美化導航呢？我們可以使用CSS樣式來對導航進行美化。

nav {
background-color: #F4F4F4;
height: 50px;
line-height: 50px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
li {
margin-right: 10px;
}
a {
text-decoration: none;
color: #333;
padding: 10px;
border-radius: 5px;
transition: all 0.3s ease;
}
a:hover {
background-color: #333;
color: #fff;
}

上面的CSS樣式使用了簡單的顏色、邊距和定位來美化導航。我們使用了flex布局來使導航項在導航欄中均勻分布。

通過添加:hover偽類，我們還可以在鼠標懸停在導航項時改變其顏色和背景色。

通過以上步驟，我們就可以創建一個簡單的CSS導航了。希望這篇文章對你有幫助！