在網站設計中，導航欄是十分重要的一部分。而要讓導航欄好看，CSS 起到了至關重要的作用，下面就來介紹如何使用 CSS 實現一個好看的導航欄。

首先，我們需要設置導航欄的基本結構。這里我們使用一個 ul 列表，并將其每個 li 列表項設置為 inline-block，這樣便可以使導航欄呈現水平排布的效果。

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
li {
display: inline-block;
margin: 0 10px;
}

接著，為了讓導航欄更好看，我們需要設置一些樣式。例如，為列表項添加背景顏色、鼠標懸停時的效果、文本顏色等。

li {
background-color: #F2F2F2;
border-radius: 5px;
padding: 10px 20px;
}
li:hover {
background-color: #D4D4D4;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #fff;
background-color: #333;
}

最后，我們可以為導航欄添加一些特效，例如讓它具有漸變色、下劃線等。

.navbar {
background: linear-gradient(to bottom right, #ff9d6c, #ff687c);
box-shadow: 0px 3px 10px #B9B9B9;
text-align: center;
}
li {
border-bottom: 3px solid transparent;
}
li:hover {
border-bottom-color: #fff;
}

以上就是如何使用 CSS 實現一個好看的導航欄的方法。當然，在實際應用中，還有很多細節和需要注意的地方，請根據具體情況進行必要的調整和完善。