主页
CSS
CSS 样式列表
trycss_list-style-type_ex
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> ul.a { list-style-type: circle; } ul.b { list-style-type: square; } ol.c { list-style-type: upper-roman; } ol.d { list-style-type: lower-alpha; } </style> </head> <body> <p>无序列表示例：</p> <ul class="a"> <li>咖啡</li> <li>茶</li> <li>可口可乐</li> </ul> <ul class="b"> <li>咖啡</li> <li>茶</li> <li>可口可乐</li> </ul> <p>有序列表示例：</p> <ol class="c"> <li>咖啡</li> <li>茶</li> <li>可口可乐</li> </ol> <ol class="d"> <li>咖啡</li> <li>茶</li> <li>可口可乐</li> </ol> </body> </html>