html - 如何创建 » 项目符号？

Question

我在编码方面几乎没有经验，并且正在尝试将项目符号从股票概述的圆圈更改为正确的报价 (»)。

这是我当前项目符号的代码：

<li style="font-family: Helvetica,Calibri,Arial,sans-serif; color: #cbcbcb;"></li>

我只想»在代码中添加“”。

Answer 1

你可以设置

ul { list-style: none; }

然后使用 CSS2before伪元素

ul li:before {
    content: "\00BB";
}

http://jsfiddle.net/jonigiuro/hsLuK/

您可以在此处阅读有关伪元素的信息：http: //www.w3.org/TR/CSS2/selector.html#before-and-after

Answer 2

您可以使用图像中的自定义项目符号进行更改。只需使用您想要的项目符号创建图像，并使用此 CSS 属性：

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