HTML5 設置列表樣式 使用無序列表樣式展示列表內容是Web開發中一個很常見的需求。HTML5 提供了一種簡單而靈活的方式來定制列表樣式。 在HTML5中，我們可以使用CSS定制列表樣式，通過更改列表的樣式屬性，我們可以修改標記符號，縮進和列表項的背景色等列表外觀。 下面是一個示例代碼，展示了如何設置無序列表樣式：

<style>
ul {
list-style-type: square; /* 修改標記符號 */
color: red; /* 修改標記符號顏色 */
width: 200px; /* 設置列表寬度 */
}
li {
background-color: #eee; /* 設置列表項背景色 */
padding: 5px; /* 設置列表項內邊距 */
margin: 5px; /* 設置列表項外邊距 */
}
</style>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>

在上面的代碼中，我們通過樣式定義修改了列表的標記符號、顏色、寬度以及列表項的背景色、邊距和內邊距。 除了上面的無序列表，HTML5還提供了有序列表和自定義列表樣式。 有序列表使用數字或字母為標記符號：

<ol type="1"> /* 數字標記符號 */
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
<ol type="A"> /* 大寫字母標記符號 */
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
<ol type="a"> /* 小寫字母標記符號 */
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>

自定義列表樣式需要使用CSS和偽元素來實現：

<style>
ul {
list-style-type: none; /* 不顯示原有標記符號 */
width: 200px;
}
li:before {
content: "*"; /* 使用偽元素添加新的標記符號 */
margin-right: 5px;
}
</style>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>

以上就是HTML5中如何設置列表樣式的介紹。通過使用CSS，我們可以靈活地定制無序列表、有序列表和自定義列表樣式，以滿足不同的需求。