CSS是一種網頁設計語言，可以實現很多漂亮的效果。在網頁設計中，導航菜單是非常重要的功能。本文將介紹如何使用CSS來寫一個漂亮的導航菜單。

首先，在HTML中創建一個基本的導航菜單結構。一般來說，導航菜單的HTML結構是一個無序列表（ul）和一些列表項（li）。例如：

<ul class="nav">
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">產品</a></li>
<li><a href="#">關于我們</a></li>
</ul>

接下來，使用CSS來美化導航菜單。具體步驟如下：

1. 設置導航菜單的樣式。例如，將nav類的背景色設置為灰色，字體顏色設置為白色：

.nav {
background-color: #333;
color: #fff;
}

2. 設置列表項的樣式。例如，將li元素的樣式設為inline-block，使其能夠同時顯示所有列表項：

.nav li {
display: inline-block;
}

3. 設置鏈接的樣式。例如，設置鏈接的顏色為白色，鼠標懸停時的背景色為藍色：

.nav a {
color: #fff;
text-decoration: none;
padding: 10px;
}
.nav a:hover {
background-color: #00f;
}

最終的導航菜單如下所示：

• 首頁
• 新聞
• 產品
• 關于我們