CSS是HTML中不可或缺的一部分，可以用來美化網站的樣式，包括菜單欄。這篇文章將介紹如何使用CSS創建一個簡單的固定菜單欄。

要創建一個固定菜單欄，首先需要在HTML文件中創建一個菜單欄的容器。在這個例子中，我們選擇使用一個ul標簽和幾個li標簽來定義菜單欄的選項。代碼如下：

<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
</ul>

接下來，在CSS文件中，我們要將上面定義的菜單欄容器設置為固定定位。固定定位的元素總是相對于瀏覽器窗口定位，而不是相對于頁面的其他元素定位。代碼如下：

.menu {
position: fixed;
top: 0;
width: 100%;
background-color: #333;
}

在上面的例子中，我們將菜單欄的容器設置為固定定位，并將其定位到頁面的頂部。然后，我們將菜單欄的寬度設置為100％以覆蓋整個窗口。最后，我們設置了一個背景顏色來使菜單欄更加醒目。

現在，我們已經成功地創建了一個簡單的固定菜單欄。您可以通過添加其他CSS樣式，如字體樣式或懸停樣式等，來進一步美化菜單欄。