如何创建»子弹?

时间:2013-09-30 15:19:38

标签: html css

我对编码的经验很少,并且我试图将子弹从库存轮廓更改为正确的引号(& raquo)。

这是我当前子弹的代码:

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

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

2 个答案:

答案 0 :(得分:1)

您可以设置

ul { list-style: none; }

然后使用CSS2 before伪元素

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

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

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

答案 1 :(得分:0)

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

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