在本次實驗中，我們將學習如何使用CSS來設置導航欄。

首先，我們需要為導航欄的每一個元素設置樣式。在CSS中，我們可以使用以下代碼來設置導航欄元素的樣式：

nav ul li {
display: inline;
margin-right: 20px;
}
nav ul li a {
text-decoration: none;
color: #333;
font-size: 16px;
}

以上代碼的作用是將所有導航欄元素變成行內元素，并設置這些元素之間的右邊距為20像素。同時，我們還去掉了導航欄元素中鏈接的下劃線，設置了鏈接的字體顏色和字體大小。

接著，我們需要為導航欄指定背景及其他樣式。以下是實現這些樣式的代碼：

nav {
background-color: #f7f7f7;
padding: 10px;
text-align: center;
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
}

以上代碼的作用是將導航欄的背景顏色設置為淺灰色，設置導航欄的內邊距為10像素，并將導航欄的文字居中顯示。

此外，我們還需要為導航欄元素添加鼠標懸停樣式。以下是實現該功能的代碼：

nav ul li a:hover {
color: #f7f7f7;
background-color: #333;
}

以上代碼的作用是在用戶將鼠標懸停在導航欄元素上時，將鏈接的字體顏色設置為白色，將鏈接背景顏色設置為深灰色。

通過以上幾行CSS代碼的設置，我們成功地對導航欄進行了樣式設置。