CSS菜單欄是網頁設計中常用的一種橫向導航欄，常見于網站的頂部或底部。下面將介紹如何使用CSS設置一個簡單的橫向菜單欄。

/* CSS代碼 */
ul {
list-style-type: none; /* 去掉默認的列表符號 */
margin: 0; /* 清除默認的外邊距 */
padding: 0; /* 清除默認的內邊距 */
background-color: #333; /* 菜單欄的背景顏色 */
overflow: hidden; /* 隱藏菜單欄內容的溢出部分 */
}
li {
float: left; /* 設置菜單項橫向排列 */
}
li a {
display: block; /* 將鏈接轉化為塊級元素 */
color: white; /* 鏈接文本顏色 */
text-align: center; /* 文本居中 */
padding: 14px 16px; /* 添加內邊距 */
text-decoration: none; /* 去掉下劃線 */
}
li a:hover {
background-color: #111; /* 鼠標懸停時的背景顏色 */
}

在HTML中，我們需要使用無序列表（ul）和列表項（li）來創建菜單項。每個列表項中需要包含一個鏈接（a）。

菜單項1
菜單項2
菜單項3
菜單項4

以上CSS代碼中的float屬性使得菜單項橫向排列，display:block屬性將鏈接轉化為塊級元素，使得它們可以占據整個列表項的空間。

通過修改背景顏色、文字顏色和鼠標懸停時的背景顏色等CSS屬性，我們可以讓菜單欄更符合網站的主題。