html中列表

最新推荐文章于 2023-12-08 10:21:26 发布

weixin_30838921

最新推荐文章于 2023-12-08 10:21:26 发布

阅读量56

点赞数

原文链接：http://www.cnblogs.com/zyfeng/p/10435761.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>

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

转载于:https://www.cnblogs.com/zyfeng/p/10435761.html

关注