HTML5是一種新的標記語言，它為網頁開發(fā)帶來了許多便利和新特性。在HTML5中，嵌套列表可以讓網頁的結構層次更加清晰，同時也可以通過設置樣式來讓列表更加美觀。

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

上述代碼實現(xiàn)了一個嵌套列表，其中每個<li>標簽代表一個列表項，而<ul>和</ul>則代表整個列表。在實際開發(fā)中，我們會根據(jù)需要設置不同的樣式來美化列表。比如，我們可以通過CSS來設置列表項的字體、顏色、背景等樣式。

ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
font-size: 18px;
color: #333;
padding: 10px;
margin-bottom: 10px;
background-color: #f5f5f5;
border-radius: 5px;
}
ul ul {
margin-left: 20px;
}
li li {
font-size: 16px;
}

上述CSS代碼實現(xiàn)了以下效果：

• 取消列表的默認樣式（點號）
• 設置列表項的字體大小為18px，顏色為#333；設置每個列表項的內邊距（上下為10px，左右為0）；設置與下一個列表項的間距為10px；設置背景色為#f5f5f5；設置邊框圓角為5px
• 調整嵌套列表的左邊距為20px
• 調整嵌套列表項的字體大小為16px

通過設置樣式，我們可以讓頁面的列表更加美觀，更能夠吸引用戶的眼球。同時，合理的樣式設置也可以讓頁面的結構更加清晰，避免出現(xiàn)混亂的排版問題。