CSS是前端開發中不可或缺的一部分。其中，ul與li標簽的應用在頁面布局與設計中起到了重要的作用。下面，介紹CSS中如何使用ul li。

ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
margin-right: 20px;
}

通過上面的CSS代碼，我們可以看到，ul樣式中設置了無序列表的樣式類型為none，排版上下左右的邊距都為0。而li樣式中設置了列表項以行內塊的形式呈現，并且有一個20px的右邊距。

那接下來我們看一下，如果HTML中使用了ul與li標簽后的效果如何。

<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>

在HTML中，我們使用ul與li標簽來編寫一個無序列表。而當CSS樣式起作用之后，這個列表將會按照我們設定的樣式來呈現。詳細效果如下：

• 列表項1
• 列表項2
• 列表項3

總之，使用CSS ul與li樣式可以創建多種多樣的列表形式。請根據自己的需求來靈活運用哦。