CSS橫向下拉菜單可以讓網(wǎng)頁看起來更加美觀和方便用戶使用。下面是一段CSS代碼，可以實現(xiàn)一個簡單的橫向下拉菜單。

.navbar {
background-color: #333;
overflow: hidden;
}
.navbar a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 17px;
border: none;
outline: none;
color: #f2f2f2;
padding: 14px 16px;
background-color: inherit;
margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: #ddd;
color: black;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown:hover .dropdown-content {
display: block;
}

將上述代碼復制到您的CSS文件中，并添加相應的HTML代碼，您就可以為您的網(wǎng)頁添加一個漂亮的橫向下拉菜單了。