CSS3導航有很多種類型，其中橫向導航是比較常見的一種。它可以很好地展示網站的導航條，并且靈活性也非常高。

下面是一個簡單的CSS3橫向導航的示例：

nav {
display: flex;
justify-content: space-around;
align-items: center;
background-color: #333;
color: white;
height: 50px;
}
nav a {
text-decoration: none;
color: white;
font-size: 1.2rem;
padding: 0.5rem;
transition: all 0.2s ease-in-out;
}
nav a:hover {
color: #ffcc00;
transform: scale(1.1);
}

這段代碼中，我們使用了Flexbox布局來實現橫向導航。首先，我們將導航（nav）元素的display屬性設置為flex，這樣它的子元素就可以使用Flexbox布局了。

通過設置justify-content屬性為space-around，我們讓子元素在容器內均勻分布，并且每個元素之間有一定的間隙。而通過align-items屬性我們把子元素垂直居中對齊。

接下來，我們對導航內的鏈接進行樣式設置，主要是設置字體的顏色、大小、內邊距和文本裝飾。同時，我們對鏈接的鼠標懸停狀態進行了樣式調整，使得鏈接放大并變色。

CSS3橫向導航非常簡單易懂，而且可以根據實際需要進行樣式調整和布局設計。在實際開發過程中，我們可以根據需要添加新的模塊，進一步完善我們的導航效果。