CSS導航，是網站開發中常用的一種設計元素。它可以幫助用戶更方便地瀏覽網站的不同頁面和內容。接下來，我們將介紹一些制作CSS導航的方法。

<nav class="navbar">
<ul class="navbar-nav">
<li class="nav-item">
<a href="#" class="nav-link">首頁</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">關于我們</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">產品與服務</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">聯系我們</a>
</li>
</ul>
</nav>

在上述代碼中，我們使用了HTML5的<nav>和<ul>標簽，以及<li>和<a>標簽來創建了一個簡單的導航。我們也為<li>和<a>標簽添加了類名，以便于在CSS中進行樣式設置。

.navbar {
display: flex;
justify-content: center;
align-items: center;
height: 80px;
background-color: #333;
color: #fff;
}
.navbar-nav {
display: flex;
list-style: none;
}
.nav-item {
margin: 0 20px;
}
.nav-link {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.nav-link:hover {
color: #ffc107;
}

在上述CSS代碼中，我們設置了導航欄的高度、背景色、對齊方式等基本樣式，以及鏈接和懸停時的文本顏色等樣式。通過添加:hover規則，我們也可以為鼠標懸停在鏈接上時添加樣式。

以上就是一個簡單的CSS導航制作方法，你可以根據自己的需求進行樣式設置和調整。