CSS是一種可以實現網頁設計樣式的語言，可以用它來制作菜單欄，讓頁面更加美觀和易于導航。下面將介紹如何使用CSS制作菜單欄。

/* 定義菜單欄樣式 */
nav {
display: flex; /* 將菜單項橫排 */
justify-content: space-between; /* 讓菜單項在菜單欄中平均分布 */
align-items: center; /* 統一垂直居中 */
background-color: #e5e5e5; /* 菜單欄背景顏色 */
height: 60px; /* 菜單欄高度 */
}
/* 定義菜單項樣式 */
nav a {
color: #333; /* 菜單項字體顏色 */
text-decoration: none; /* 隱藏鏈接下劃線 */
padding: 0 20px; /* 菜單項內部間距 */
}
/* 鼠標經過菜單項樣式 */
nav a:hover {
background-color: #fff; /* 鼠標經過背景顏色 */
}
/* 激活菜單項樣式 */
nav .active {
background-color: #f00; /* 激活背景顏色 */
color: #fff; /* 激活字體顏色 */
}

通過定義菜單欄和菜單項的樣式，可以實現一個簡單的菜單欄。使用時，只需要在HTML文件中添加nav標簽和a標簽即可。