Question

创建使用给定字符（即▲或＃）作为项目符号而不是标准圆圈或数字的列表的html语法是什么？

Answer 1

您要找的是一个自定义项目符号图标：

ul {
        list-style-image: url('sqpurple.gif');
    }

list-style-type

CSS中的

样式应用于ul和ol标记。

这个JSFiddle有一些有用的列表图标类型。但是支持更多类型的图标：

ul.a {list-style-type: circle;}
ul.b {list-style-type: disc;}
ul.c {list-style-type: square;}

ol.d {list-style-type: armenian;}
ol.e {list-style-type: cjk-ideographic;}
ol.f {list-style-type: decimal;}
ol.g {list-style-type: decimal-leading-zero;}
ol.h {list-style-type: georgian;}
ol.i {list-style-type: hebrew;}
ol.j {list-style-type: hiragana;}
ol.k {list-style-type: hiragana-iroha;}
ol.l {list-style-type: katakana;}
ol.m {list-style-type: katakana-iroha;}
ol.n {list-style-type: lower-alpha;}
ol.o {list-style-type: lower-greek;}
ol.p {list-style-type: lower-latin;}
ol.q {list-style-type: lower-roman;}
ol.r {list-style-type: upper-alpha;}
ol.s {list-style-type: upper-latin;}
ol.t {list-style-type: upper-roman;}

Answer 2

如果您愿意，可以使用CSS：在选择器之前编辑列表项。然后你可以使用css .content:'--unicode here--'添加你想要的角色。以下是示例JS Fiddle，此处是获取unicodes.

的链接

但是你应该在你的CSS中设置.li{list-style:none}。

自定义＆＃34; bullet＆＃34; html列表中的图标

2 个答案: