CSS是實現網頁排版和布局的重要工具，其中導航是網頁中經常使用的元素之一。接下來我們來了解一下CSS 中如何設置導航。

首先，我們需要創建一個包含導航菜單的HTML結構，一般采用無序列表來實現：

<nav>
<ul>
<li><a href="#">菜單1</a></li>
<li><a href="#">菜單2</a></li>
<li><a href="#">菜單3</a></li>
<li><a href="#">菜單4</a></li>
</ul>
</nav>

接下來，我們使用CSS為導航菜單設置樣式。其中，我們需要指定導航的樣式、菜單項的樣式、菜單項之間的間距、以及選中的菜單項樣式等。以下是一份示例樣式代碼：

nav {
background-color: #333;
height: 50px;
}
nav ul {
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
margin: 0;
padding: 0;
}
nav ul li {
margin: 0 20px;
}
nav ul li a {
color: white;
text-decoration: none;
font-size: 20px;
line-height: 50px;
}
nav ul li a:hover {
border-bottom: 3px solid white;
}
nav ul li a.active {
border-bottom: 3px solid yellow;
}

在上面的代碼中，我們利用了Flex布局，使得菜單項均勻分布在導航條上。我們還設置了菜單項之間的間距，以及選中和懸停時的樣式。

通過上述步驟，我們成功地為網頁設置了導航菜單，并利用CSS對其進行樣式設計，使得它更有吸引力和可操作性。