最好找一个三角形来代替圆形。我宁愿不使用图像，但如果没有其他方法，我会这样做。
问问题
881 次
6 回答
2
希望这就是你的意思？
CSS：
.ul1 {
margin: 0.75em 0;
padding: 0 1em;
list-style: none;
}
.li1:before {
content: "";
border-color: transparent #111;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: 0.9em;
position: relative;
}
于 2013-08-02T09:17:31.113 回答
1
是的。不过，如果您想使用圆形或正方形以外的东西，这有点工作:)
见：http ://alistapart.com/article/taminglists
我链接到的文章通过首先剥离原始标记来描述这样做：
ul.custom-list {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
}
然后他们使用“之前”伪选择器添加自定义项目符号，并将内容注入其中：
ul.custom-list li:before {
content: "\0BB \020";
}
在这种情况下，他们使用它来包含“双 V 形”符号。您可以查找要注入的任何符号代码。
于 2013-08-02T09:10:59.067 回答
0
是的，您可以使用
list-style
样式属性。
于 2013-08-02T09:11:23.373 回答
0
如果您想为无序列表中的三角形提供一个简单（且无痛）的解决方案，那么您可以使用此方法。我只是写了一个小提琴，其中 CSS 为您提供了一个 UL 列表，其中每个项目都用一个指向右的三角形而不是圆形项目符号标记。
这就是你所追求的吗？
HTML：
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
CSS：
ul {
list-style: none;
}
ul li:before {
content: "\25BA \0020";
}
于 2013-08-02T09:17:02.300 回答
-1
不幸的是，没有三角形可用作标准标记。list-style-type可以在此处找到完整的值列表。
于 2013-08-02T09:12:02.540 回答
-1
是的。看一下这个。您可以使用此处描述的 CSS 属性
于 2013-08-02T09:12:41.720 回答