CSS是網(wǎng)頁制作中極其重要的一部分，常常用于實現(xiàn)各種樣式效果，如今我們來說一下如何使用CSS讓菜單橫排。

要讓菜單橫排，我們可以使用CSS中的“display”屬性來實現(xiàn)。通常我們使用的是“display:block”，這意味著每個菜單項都會在一行上顯示。但是，如果我們想要橫排菜單項呢？這時，我們就需要將“display”屬性設置為“inline-block”。

.nav {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
.nav li {
display: inline-block;
}
.nav a {
display: block;
padding: 10px;
text-decoration: none;
color: #333;
}
.nav a:hover {
background-color: #ddd;
}

如上述代碼所示，我們首先定義了一個“nav”類，將其設置為“inline-block”以實現(xiàn)菜單項橫排。接著，我們將“l(fā)ist-style”屬性設置為“none”，去掉了列表項前面的默認符號，然后將“margin”和“padding”屬性都設置為0，以消除無用的空白區(qū)域。

接下來，我們對每個列表項進行設置，將其“display”屬性同樣設置為“inline-block”。然后，我們對所有的菜單鏈接應用一些基本的樣式，如“padding”、“text-decoration”和“color”，以確保它們的可讀性和易于點擊。

最后，我們通過“:hover”偽類選擇器來添加了一些效果，當鼠標懸浮在鏈接上時，它們會變成灰色背景顏色，以便更好地突出顯示鏈接。

通過上述CSS樣式設置，我們就可以實現(xiàn)菜單橫排的效果了。使用上述代碼，僅需添加一些HTML標記即可實現(xiàn)橫排菜單效果。