CSS是網頁制作中不可缺少的一部分，它能為網頁添加漂亮的樣式和設計。今天我們來探討一下如何用CSS制作橫向導航菜單。

要制作橫向導航菜單，首先需要用HTML創建一個導航菜單的框架，包括每個導航項和它們對應的鏈接。例如：

<nav><ul><li><a href="#">Home</a></li><li><a href="#">About</a></li><li><a href="#">Services</a></li><li><a href="#">Blog</a></li><li><a href="#">Contact</a></li></ul></nav>

接下來，通過CSS設置導航菜單的樣式。我們首先要設置ul的樣式為“display: inline-block”，使每個導航項都水平排列。然后為每個li和a元素設置一些相應的CSS屬性，例如：

nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin: 0 10px;
}
nav a {
display: block;
padding: 10px;
background-color: #ddd;
color: #333;
text-decoration: none;
}
nav a:hover {
background-color: #333;
color: #fff;
}

在上面的代碼中，我們通過設置“display: block”讓每個a元素占據整行的寬度，并設置一些背景色和顏色等樣式屬性。另外，我們還針對鼠標懸停狀態設置了一些上色效果。最終效果如下：

現在，我們已經成功地用CSS制作了一個簡單的橫向導航菜單。你可以通過更改上面的CSS屬性來定制和美化自己的導航菜單。