很多網(wǎng)站都有導航欄，而這些導航欄的樣式很大程度上會影響網(wǎng)站的外觀和用戶體驗。利用CSS，我們可以很容易地改變導航欄的樣式。

/* HTML代碼 */
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</nav>
/*CSS代碼*/
nav ul {
list-style:none;
padding:0;
margin:0;
background-color:#333;
}
nav li {
display:inline-block;
margin-right:10px;
}
nav li:last-child {
margin-right:0;
}
nav a {
display:inline-block;
color:#fff;
text-align:center;
padding:14px 16px;
text-decoration:none;
}
nav a:hover {
background-color:#fff;
color:#333;
}

在這個樣例代碼中，我們首先設置了導航欄的背景色和字體顏色，然后設置了子項的顯示方式和間距，最后利用偽類選擇器:hover來改變鼠標懸停時的樣式。

通過CSS的樣式設置，我們可以很容易地改變導航欄的樣式，從而提高網(wǎng)站的美觀度和用戶體驗。