具有特定字符的html列表？

Question

是否有方法使用大於符號或我選擇的任何符號來設計無序列表？

\> one 
\> two 
\> three 


♦ one 
♦ two 
♦ three 

不使用url（）？

Answer 1

使用李：之前

<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。 A background-position值也可能是可取的。

還有list-style-image（它上面使用的所有屬性的工作），但它帶有一個很重要的提醒：需要圖像中提供你想要的圖像周圍的負空間，要求其帶來它的一部分陷阱。

最後沒有理由爲什麼你不能使用background速記屬性，但我避免 - 和它的同伴font - 因爲分配給這些簡寫屬性值有時解析以意想不到的方式，除非所有值都存在。