菜單欄的樣式設計和排版是網頁設計中非常重要的一環，合理的菜單樣式可以提高用戶體驗，同時也能為網站增添美觀的色彩。在實現菜單居中的布局效果時，我們可以使用CSS來實現我們所需的樣式。

首先，我們需要為菜單編寫CSS樣式代碼。其中，我們要對菜單列表項的樣式進行設置。我們可以使用“text-align: center;”來將列表項居中，代碼如下：

nav ul{
display: flex;
justify-content: center;
}
nav li{
margin: 0 20px;
}

接下來，我們可以為菜單列表項添加樣式，可以給列表項設置一些背景色、邊框、字體顏色和字號等屬性，代碼如下：

nav li{
background-color: #e8e8e8;
border: 1px solid #ccc;
color: #333;
font-size: 16px;
padding: 10px 20px;
}

使用以上的CSS樣式代碼，我們就可以實現菜單列表項在水平方向上居中的效果，同時也設置了列表項的樣式，使整個菜單欄看起來更加美觀和整潔。