ul.circle {list-style-type:circle;}//圓形列表項
ul.square {list-style-type:square;}//正方形列表項
ol.upper-roman {list-style-type:upper-roman;}//大寫羅馬數字
ol.lower-alpha {list-style-type:lower-alpha;}//小寫英文字母
<html> <head> <style type="text/css"> ul.circle {list-style-type:circle} ul.square {list-style-type:square} ol.upper-roman {list-style-type:upper-roman} ol.lower-alpha {list-style-type:lower-alpha} </style> </head> <body> <p>Type circle:</p> <ul class="circle"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> <p>Type square:</p> <ul class="square"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ul> <p>Type upper-roman:</p> <ol class="upper-roman"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ol> <p>Type lower-alpha:</p> <ol class="lower-alpha"> <li>Coffee</li> <li>Tea</li> <li>Coca Cola</li> </ol> </body> </html>
效果圖：
來源：https://www.w3school.com.cn/css/pr_list-style-type.asp