在網頁開發中，導航欄是一種重要的頁面元素，用于幫助訪問者快速找到他們所需的內容。為了實現一個好看、實用的導航欄，我們可以使用CSS技術。下面我們來看如何使用CSS來制作導航欄。

/* 導航欄樣式 */
nav {
background-color: #333; /* 設置導航欄背景色 */
color: #fff; /* 設置導航欄文字顏色 */
display: flex; /* 設置導航欄內部子元素水平排列 */
justify-content: center; /* 設置內部子元素水平居中 */
}
/* 導航欄子項樣式 */
nav a {
color: #fff; /* 設置導航欄項文字顏色 */
text-decoration: none; /* 設置導航欄項無下劃線 */
padding: 16px; /* 設置導航欄項內邊距 */
}
/* 導航欄子項懸停樣式 */
nav a:hover {
background-color: #555; /* 設置導航欄項背景色 */
}

代碼中，我們先定義了導航欄的樣式，包括背景色、文字顏色、顯示方式等。然后設置了導航欄子項的樣式，包括文字顏色、無下劃線和內邊距等。最后，為導航欄子項添加了鼠標懸停的效果。

有了這些CSS代碼，我們只需要在HTML代碼中添加nav和a標簽，就可以創建出一個美觀實用的導航欄了。