HTML導航欄是網頁中非常重要的組成部分，可以幫助用戶快速地瀏覽網頁內容。經常看到一些網站的導航欄會有一些特效，比如在懸停時變色或者彈出子菜單。下面就來介紹一下如何設置導航欄懸停效果。

/* CSS樣式 */
nav {
background-color: #333; /* 導航欄背景色 */
overflow: hidden;
}
nav a {
float: left;
color: #f2f2f2; /* 文字顏色 */
text-align: center;
padding: 14px 16px; /* 文字與邊框的距離 */
text-decoration: none;
font-size: 17px; /* 文字大小 */
}
nav a:hover {
background-color: #ddd; /* 懸停時的背景色 */
color: black; /* 懸停時的文字顏色 */
}

以上是一個簡單的CSS樣式，它包括了導航欄的背景色、文字顏色、文字大小、文字與邊框的距離等基礎設置。其中，nav a:hover用于設置鼠標懸停時的樣式。

首先，我們將導航欄設置為overflow: hidden;，這是為了防止導航欄被內容撐大。然后，我們將所有的導航鏈接設置為float: left;，這將使它們平均地分布在導航欄的左側。接下來，我們設置導航鏈接的基礎樣式，包括顏色、文字大小、文字與邊框的距離等。最后，我們設置nav a:hover時的背景色和文字顏色，這樣當鼠標懸停在導航鏈接上時，它們的樣式將會發生變化。

通過以上的CSS樣式設置，我們可以很容易地實現導航欄的懸停效果。希望這篇文章對大家有所幫助。