CSS橫向菜單欄是網頁設計中常用的一種導航形式，下面將為你介紹如何使用CSS實現橫向菜單欄。

/* CSS代碼 */
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}

以上代碼實現了一個簡單的橫向菜單欄，其中ul和li標簽為HTML中的無序列表標簽，它們用于包含菜單項。屬性list-style-type: none用于去除列表的默認樣式，margin和padding用于去除元素之間的空隙。overflow: hidden用于清除浮動。

接下來是菜單項中的鏈接樣式，a標簽為HTML中的鏈接標簽，display: block用于將鏈接轉化為塊級元素，使其占滿整個li元素的空間，color用于設置字體顏色，text-align用于設置鏈接文本的居中顯示，padding用于設置鏈接區域內邊距，text-decoration用于去除鏈接的下劃線。

最后，通過li a:hover設置鼠標懸停時的樣式，background-color用于設置背景顏色。

使用CSS實現橫向菜單欄可以使布局更加美觀，同時也方便用戶進行導航。