如何在html中复制特殊字符?

时间:2016-04-07 22:55:51

标签: html

我需要有一个看起来像箭头的子弹点。它们在MS Word中提供

如何在HTML中复制这些内容?

enter image description here

我将单词文档保存为html,但那里的html非常复杂。是否有可能让html页面中的那些特殊字符更容易?

3 个答案:

答案 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]