最近在撰寫網站時,需要以列表方式呈現,趁這個機會簡單筆記一下 ul, ol, li 與 dl 使用方法與呈現效果,未來有需要的時候可以使用,也提供給有需要的朋友參考。

若想要呈現的效果為符號 ● ,則你可以透過 <ul>  與 <li> 語法達到效果,語法如下:


其呈現的效果如下:




若想要呈現的效果為數字排序,則可以透過 <ol> 與 <li> 語法達到效果,語法如下:


呈現效果如下:





如果要混合使用,達到子項目的效果呢? 語法如下:


呈現的效果如下:

若有需要,可以直接複製語法貼上,再修改即可。