CSS3導航是現在Web設計中常用的一個元素，其靈活性和美觀程度都受到了廣泛的認可。那么，如何使用CSS3導航？

.nav{
display: flex;
justify-content: space-around;
background-color: #f2f2f2;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 18px;
}
.nav li{
padding: 10px;
text-align: center;
}
.nav li:hover{
background-color: #ddd;
}
.nav a{
text-decoration: none;
color: #333;
font-weight: bold;
}
.nav a:hover{
color: #fff;
}

首先我們需要定義一個容器來包裹我們的導航欄，這里使用的是一個無序列表，以及一些基本的樣式。其中，display: flex;代表使用彈性盒子布局，justify-content: space-around;代表讓子元素均勻地分布在容器中。

緊接著，我們需要定義每一個導航選項的樣式，包括鼠標移上去的交互效果。注意到我們使用了偽類:hover來實現這個效果。

最后，在每個選項里使用了一個<a>標簽，用來實現導航點擊跳轉。

有了以上這些樣式，我們就完成了一個簡單的CSS3導航。你可以根據需求添加更多的樣式。