答案 0 :(得分:2)
只需为png / jpg图像重新创建特殊字符(由于透明bg,首选png)并使用list-style-image
替换图像,如下所示:
HTML:
<ul class=”abcd”>
<li>Some text here</li>
<li>Some more text here</li>
<li>Some more random text here</li>
</ul>
CSS:
ul.abcd {
list-style-image: url(‘/path-to-the-image-file/arrow.png’);
}
此外,您可以相应地调整图像尺寸。
答案 1 :(得分:1)
我讨厌像我要提供的那样阅读答案,但我的问题是为什么你想要那些特定的微软单词要点?
但是,如果您更通用并只想要一个箭头,那么堆栈溢出已经有很多答案。
这是指向类似答案的链接:How do I create a Unordered list in html with sub arrows?
这里有一些代码:
HTML:
<ul class="arrow-list">
<li>San Jaun</li>
</ul>
CSS:
ul.arrow-list { list-style:none; }
ul.arrow-list li:before {
content: "\2192 \0020";
}
最后,代替上面css中看到的\ 1234格式,你可以简单地用这个页面上的任何这些html代码替换箭头。 http://character-code.com/arrows-html-codes.php
答案 2 :(得分:-2)
enter link description here使用Unicode符号'Udddd':
[UnicodeArrowSymbols][1]