html中列表

<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>

如果都不合心意，可以用图片代替内容前面的图标