CSS是前端開發中非常重要的一部分，它可以讓網頁變得更加美觀與易讀。其中，導航也是網頁布局中非常重要的一個部分。在CSS中，我們可以通過設置一些屬性來使導航變得美觀而易于使用。 首先，我們可以通過為導航欄添加背景顏色和文字顏色來使其更加醒目。下面是一段示例代碼：

p {
background-color: #333;
color: #fff;
}

接下來，我們可以使用“display”屬性來控制導航欄的顯示方式。有許多種顯示方式可供選擇，如“block”、“inline”、“inline-block”等。在這里，我們選擇使用“inline-block”來使導航欄變成一個水平的列表。下面是一段示例代碼：

nav {
display: inline-block;
}

同時，我們也可以使用“text-align”屬性來讓導航欄居中顯示。下面是一段示例代碼：

nav {
text-align: center;
}

最后，我們可以通過使用“padding”和“margin”屬性來控制導航欄與其他頁面元素之間的間距。下面是一段示例代碼：

nav {
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
}

綜上所述，上述代碼演示了如何使用CSS來設置導航欄。通過設置背景和文字顏色、顯示方式、居中顯示以及間距等屬性，我們可以創建出一個美觀且易于使用的導航欄。