CSS3是網頁設計中必不可少的一部分，它可以輕松的實現各種效果，其中就包括導航菜單。下面我們來學習如何使用CSS3制作一個簡單的導航菜單。

/* 創建一個導航菜單容器 */
.nav {
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f0f0f0;
padding: 10px;
}
/* 設置每個菜單項的樣式 */
.nav li {
margin: 0 10px;
font-size: 16px;
}
/* 鼠標懸浮時改變菜單項樣式 */
.nav li:hover {
color: #fff;
background-color: #333;
}
/* 設置當前激活菜單項的樣式 */
.nav .active {
color: #fff;
background-color: #333;
padding: 5px 10px;
border-radius: 5px;
}

以上代碼將一個ul標簽設置成導航菜單容器，使用flex布局使菜單項水平排列，并設置背景顏色和內邊距。每個菜單項使用margin間隔開，設置字體大小。在鼠標懸浮時改變菜單項樣式，使用“:hover”選擇器即可實現。同時，激活狀態的菜單項也有自己的樣式，使用“.active”類名即可。

以上就是使用CSS3制作導航菜單的基礎代碼，可以根據需要進行各種樣式上的調整，比如修改字體、顏色、背景等。這樣一個簡單的導航菜單就完成了。