<div>標簽代表一個HTML文檔中的一個分區或節。在網頁中，我們經常會使用<div>標簽來劃分不同的區域，以便更好地組織和布局內容。<div>標簽通常與CSS樣式一起使用，以實現更好的外觀和排版效果。
在使用<div>標簽時，我們有時會遇到需要調整不同<li>元素間的間距的情況。例如，當我們使用無序列表（<ul>）或有序列表（<ol>）時，每個列表項（<li>）默認會以垂直方向緊密排列，沒有明顯的間距。如果我們想在這些列表項之間增加一定的間距，我們可以使用CSS樣式來解決這個問題。
代碼案例一：

<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
<li>列表項4</li>
</ul>
<br>
<style>
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
<br>
  li {
margin-bottom: 10px;
}
</style>

在上面的代碼案例中，我們使用了<ul>和<li>標簽創建了一個無序列表，并使用CSS樣式設置了該列表的外觀。在樣式中，我們給<li>元素添加了一個10像素的下邊距，從而在每個列表項之間創建了一個垂直的間距。
代碼案例二：

<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
<li>列表項4</li>
</ul>
<br>
<style>
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
<br>
  li {
margin-bottom: 20px;
}
</style>

在上面的代碼案例中，我們將<li>元素的下邊距增加到了20像素，從而創建了更大的間距。根據實際需求，我們可以靈活地調整<li>元素的下邊距來滿足不同的設計要求。
通過以上的示例代碼，我們可以看到，通過增加<li>元素的下邊距，我們可以很容易地調整<div>和<li>元素之間的間距，從而實現更好的頁面布局效果。需要注意的是，在樣式中要同時設置<ul>和<li>的外邊距和內邊距為0，以避免默認間距的影響。
綜上所述，我們可以使用CSS樣式來調整<div>和<li>元素之間的間距，從而實現更好的頁面布局效果。通過設置<li>元素的外邊距或內邊距，我們可以自定義列表項之間的間距大小，從而滿足不同的設計需求。