今天我們將為大家介紹一下如何使用 CSS 制作導航菜單。導航菜單是網站的核心部分之一，因為它為用戶提供了瀏覽網站內容的便利性。現在，讓我們來學習一下制作導航菜單的基本步驟吧。 首先，我們需要創建一個 HTML 文件并添加導航菜單的基本結構。我們可以使用無序列表（ul）和列表項（li）來實現導航菜單。例如： ```html``` 緊接著，我們需要添加一些 CSS 樣式來美化我們的導航菜單。我們可以使用以下代碼： ```css nav { background-color: #333; height: 50px; } nav ul { list-style-type: none; margin: 0; padding: 0; } nav li { float: left; } nav li a { display: block; color: #fff; text-align: center; padding: 16px; text-decoration: none; } nav li a:hover { background-color: #111; } ``` 上面的代碼將導航菜單的背景顏色設置為黑色（#333），高度為50像素，然后對無序列表（ul）進行了一些基本樣式設置，包括取消列表標記、去掉外邊距和內邊距。接著對列表項（li）設置了浮動，最后對鏈接（a）設置字體顏色、居中顯示、添加內邊距以及去除下劃線。當鼠標懸停在鏈接上時，背景顏色將改變為深色。 除此之外，我們還可以添加其他樣式，例如更改字體、字號和字重，設置邊框或陰影等，以根據自己的需要進行定制。 通過上述步驟，我們已經成功地使用 CSS 制作了一個簡單而美觀的導航菜單。希望本教程對您有所幫助。