<ul type="square"> <!--type有三种:circle空心圆,disc实心圆,square方块--> <li>这是内容</li> <li>这是内容</li> <li>这是内容</li> </ul>
这是无序列表，
type类型控制内容前方的小图标
<ol type="1" reversed="reversed"> <!--1数字,a小写英文,A大写英文,I罗马数字大写,i罗马数字小写,reversed倒数排序--> <li>这是内容</li> <li>这是内容</li> <li>这是内容</li> </ol>
这是有序列表，
同样type控制内容前方图标，不过这个是数字英文，而且可以倒数。同时，有序列表也可以使用无序列表的图标
<ol style="list-style-image: url(图片名.后缀名)"> <!--把图片当样式--> <li>水水水水</li> <li>水水水水</li> <li>水水水水</li> </ol>
如果都不合心意，可以用图片代替内容前面的图标
原文：https://www.cnblogs.com/zyfeng/p/10435761.html