CSS中的列表樣式是網頁設計中非常重要的一部分，可以使頁面的內容更加美觀和易于閱讀。其中，水平列表是比較常見的一種列表樣式，本篇文章將介紹如何使用CSS實現水平列表的顯示效果。

// HTML代碼
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
// CSS代碼
ul {
list-style-type: none; /* 去掉默認樣式 */
margin: 0;
padding: 0;
display: flex; /* 使用flex布局實現水平排列 */
justify-content: space-between; /* 使項目之間等分空間 */
}
li {
display: inline-block; /* 將li設為行內塊元素 */
padding: 10px; /* 添加內邊距 */
background-color: #f2f2f2; /* 設定背景顏色 */
border: 1px solid #ccc; /* 添加邊框 */
border-radius: 5px; /* 添加圓角 */
}

以上代碼中的ul元素首先使用CSS去掉了默認樣式，并定義了flex布局，讓列表項水平排列。為了保證列表項之間的間距相等，我們使用了justify-content屬性，將空間均分給各個項目。接下來，我們使用li元素作為列表項，并添加了內邊距、背景顏色、邊框和圓角等樣式。

通過以上的CSS樣式設置，我們就可以輕松地實現水平列表的顯示效果。當然，這只是一個簡單的示例，我們還可以對水平列表進行更多的樣式修改，比如字體顏色、背景圖片等等。希望本篇文章能夠對你在網頁設計中使用CSS列表樣式有所幫助。