好看的CSS導航欄是網頁設計中不可或缺的一部分，能夠增強網站的視覺效果，提高用戶體驗。在設計時需要注意導航欄的排版、顏色、字體等細節，下面來看一個簡單的例子。

.nav{
background-color:#f3f3f3;
height:50px;
}
.nav ul{
margin:0;
padding:0;
list-style:none;
}
.nav li{
float:left;
margin-right:20px;
}
.nav a{
display:block;
color:#333;
font-size:18px;
padding:15px;
text-decoration:none;
}
.nav a:hover{
background-color:#333;
color:#fff;
}

這是一個基本的CSS導航欄樣式，導航欄的背景顏色為淺灰色，高度為50像素。導航項使用無序列表進行排版，每個導航項用浮動的方式左對齊，并在它們之間設置20像素的右外邊距。鏈接文字的顏色為深灰色，字號為18像素，文字周圍有15像素的填充空間，同時文字下劃線被移除。當鼠標移到鏈接上方時，背景顏色修改為黑色，文字顏色變為白色。

當然，這樣的導航欄還可以靈活地進行修改，比如增加下拉菜單、設置當前項高亮、調整顏色搭配等，完全可以根據自己的需求進行改進。通過對CSS導航欄的巧妙設計，可以讓網站變得更加美觀、易于操作，提升用戶體驗。