HTML5可以通過設置<ol>
和<ul>
的list
屬性來改變列表的編號樣式。下面是一些列舉不同編號樣式的示例:
<ol type="1"> <li>編號1</li> <li>編號2</li> <li>編號3</li> </ol>
使用type="1"
,列表將使用1,2,3等數字作為編號。
<ol type="A"> <li>編號A</li> <li>編號B</li> <li>編號C</li> </ol>
使用type="A"
,列表將使用A,B,C等字母作為編號。
<ul style="list-style-type:square;"> <li>編號■</li> <li>編號■</li> <li>編號■</li> </ul>
使用list-style-type:square;
,列表將使用■作為編號。
<ul style="list-style-type:none;"> <li>沒有編號</li> <li>沒有編號</li> <li>沒有編號</li> </ul>
使用list-style-type:none;
,列表將沒有任何編號。
通過設置list
屬性值,HTML5允許開發者自定義列表的風格。這大大提高了網站的視覺效果。