带有特定字符的html列表？

Question

有没有办法使用大于号或我选择的任何符号来设置无序列表的样式？

\> one  
\> two  
\> three


♦ one  
♦ two  
♦ three  

没有使用url（）？

Answer 1

使用li：之前

<style>
ul {    list-style: none;   }
li:before { content: '> '}
</style>
<ul>
<li>xyz</li>
</ul>

Answer 2

我对现有答案进行了升级，这就是你如何完全完成BTB。要使其在IE 6-7中运行，您需要光栅化所需的项目标记，并执行以下操作：

li {
  list-style-type: none;
  margin-left: 0;
  padding-left: $length;
  background-image: url($image);
  background-repeat: no-repeat;
}

...其中$length是位图列表项标记的聚合宽度，以及列表项和背景图像之间所需的负空间。反过来，$image是栅格化标记的有效URI。可能还需要background-position值。

还有list-style-image（它完成了上面使用的所有属性的工作），但它带有一个非常大的警告：图像周围需要的负空间需要在图像中提供 ，这一要求带来了一些陷阱。

最后没有理由不能使用background简写属性，但我避免使用它 - 和它的伴随font - 因为分配给这些速记属性的值有时会以意想不到的方式解析，除非所有值都存在。