在web開發中，導航欄經常是網站的重要組成部分。為了增加用戶交互體驗，我們可以使用CSS來制作導航欄的鼠標經過效果。

.nav{
list-style:none;
display:flex;
justify-content:space-between;
align-items:center;
}
.nav li{
margin:0 10px;
}
.nav li a{
text-decoration:none;
color:#333;
transition:all 0.3s ease;
}
.nav li a:hover{
color:#fff;
background-color:#333;
padding:10px 20px;
border-radius:5px;
}

上述代碼中，我們首先將導航欄的樣式設置為無序列表，并使用flex布局使其水平居中。接下來，我們給每個導航項設置間距，并將鏈接去除下劃線并設置為灰色。

當鼠標懸停在導航鏈接上時，我們使用:hover偽類選擇器來為其添加鼠標經過效果。我們將文本顏色設置為白色，背景顏色設置為黑色，同時增加鏈接的內邊距和外邊框半徑，增加美觀性。

通過以上CSS代碼，我們成功地為導航欄添加了鼠標經過效果，讓用戶在使用網站時更加方便和愉悅。