CSS是網頁設計中的重要工具，它可以用來控制頁面上的各個元素，實現更美觀的界面。今天，我們來談談如何使用CSS來控制ul列表展開的樣式。

首先，我們要明確ul列表的基本結構和樣式。ul是無序列表的標簽，它包含一個或多個li標簽，每個li標簽代表列表中的一項。默認情況下，ul列表的展開樣式是垂直排列，每個li項之間有一定的間距。

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

如果我們希望ul列表展開時呈現水平排列，則需要使用CSS來控制其樣式。下面的代碼可以實現UL橫向排列，每個li標簽之間沒有間隔：

<style>
ul {
display: flex;
flex-direction: row;
padding: 0;
margin: 0;
}
li {
list-style: none;
}
</style>

在CSS樣式中，我們將ul標簽的display屬性設置為flex，并將其flex-direction屬性設置為row，這樣ul列表項就可以水平排列了。同時，我們取消了li標簽的默認樣式（list-style: none），使其變為一個純文本項。

如果我們想要ul列表項在橫向展開時，每個li標簽之間有一定的間隔，則可以添加margin屬性：

<style>
ul {
display: flex;
flex-direction: row;
padding: 0;
margin: 0;
}
li {
list-style: none;
margin-right: 20px;
}
li:last-child {
margin-right: 0;
}
</style>

在上面的代碼中，我們通過將每個li標簽的margin-right屬性設置為20px來增加列表項之間的間隔。同時，我們還添加了一個特殊的CSS選擇器：li:last-child，它表示選擇最后一個li標簽，并將其margin-right屬性設置為0，以避免在列表的最后一個項后面顯示不必要的間隔。

總之，使用CSS可以輕松控制ul列表的展開樣式，使其實現更加靈活的展現方式。以上是我們控制UL列表展開的相關介紹。謝謝你的閱讀。