Html 項目與列表呈現方式 - ul, ol, 與 li

熱門文章 (Popular Post)

Posted by : Duran Hsieh 2020-08-09

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


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


其呈現的效果如下:




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


呈現效果如下:





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


呈現的效果如下:

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


Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © Duran Hsieh @ Duran 的技術冶煉廠 - Date A Live - Powered by Blogger - Designed by Johanes Djogan -