CSS圓形導航是一種簡潔美觀的網頁設計元素，它可以增加網頁的美感和用戶的舒適性。下面我們將介紹如何使用CSS創建一個美觀的圓形導航。

.nav{
list-style:none;
padding:0px;
text-align:center;
}
.nav li{
display:inline-block;
margin-right:20px;
}
.nav li a{
display:block;
width:50px;
height:50px;
border-radius:50%;
background-color: #38a3a5;
color:#fff;
font-size:18px;
text-align:center;
line-height:50px;
transition: background-color 0.3s ease-in-out;
}
.nav li a:hover{
background-color: #e74c3c;
}

首先我們創建一個列表，將其中每個列表項的樣式設置為`display:inline-block`，并添加一些樣式元素。其中a標簽用于指向作為導航選項的網頁頁面，具有`border-radius`屬性以創建圓形按鈕的外觀。代碼的最后兩行為hover效果，當鼠標懸停時改變按鈕的背景色。

最終的效果如下：

Home
About Us
Services
Portfolio
Blog
Contact

如此簡單美觀的圓形導航，能夠帶給用戶很好的交互體驗！