首页 > 编程知识 正文

无序列表怎么改变图标,html有序列表样式

时间:2023-05-04 05:57:29 阅读:22663 作者:3221

可以使用list-style-type通过CSS实现这个目的。 将自定义类应用于层次结构的每个级别。

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

执行此操作可以指定自定义文本,例如:

CSS :

ul .自定义

{

列表样式类型: none;

padding: 0;

}

ul.customli.aa : before { content : ' aa.'; }

ul.customli.bb : before { content : ' bb.'; }

ul.customli.cc : before { content : ' cc.'; }

HTML :

foobarbaz这引起了:

aa. foo

bb. bar

抄送. baz

我知道这不是最优雅的解决方案,但这是我知道的唯一方法。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。