CSS橫向菜單是網(wǎng)站導(dǎo)航欄中最常使用的一種。它可以讓網(wǎng)站在布局、設(shè)計和導(dǎo)航方面都更美觀，更易于使用。下面我們將介紹如何通過CSS來創(chuàng)建一個簡單的橫向菜單。

<nav>
<ul>
<li><a href="#">網(wǎng)站首頁</a></li>
<li><a href="#">公司介紹</a></li>
<li><a href="#">新聞資訊</a></li>
<li><a href="#">產(chǎn)品展示</a></li>
<li><a href="#">聯(lián)系我們</a></li>
</ul>
</nav>

以上是HTML代碼中的基礎(chǔ)結(jié)構(gòu)。其中，<nav>標(biāo)簽表示導(dǎo)航欄，<ul>標(biāo)簽表示菜單列表，<li>標(biāo)簽表示每個菜單項，<a>標(biāo)簽表示菜單項鏈接。你可以根據(jù)自己的需要添加或刪除其中的菜單項。

nav {
background-color: #cccccc;
height: 40px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
li {
width: 20%;
text-align: center;
}
a {
display: block;
height: 40px;
line-height: 40px;
color: #ffffff;
text-decoration: none;
}
a:hover {
background-color: #999999;
}

以上是CSS代碼中的樣式設(shè)置。其中，nav選擇器用來設(shè)置導(dǎo)航欄的背景顏色和高度；ul選擇器用來設(shè)置菜單列表的樣式，包括去掉默認(rèn)的符號、設(shè)置邊距和內(nèi)邊距為0、使用彈性盒子布局（flex）；li選擇器用來設(shè)置每個菜單項的寬度和文本居中；a選擇器用來設(shè)置菜單項鏈接的樣式，包括去掉下劃線和文本顏色等。

至此，我們已經(jīng)完成了一個簡單的CSS橫向菜單。你可以根據(jù)自己的需要來進一步美化菜單的樣式和布局，包括文字大小、顏色、字體、活動狀態(tài)等。