2014-01-17 45 views
0

我想知道如何在wordpress中完成類似這樣的事情。有什麼建議麼?也許是一個示例代碼。如何使用子箭頭在html中創建無序列表?

enter image description here

你能告訴我一個例子,如何將其應用到子子彈?

+0

我沒有讓你請清楚 –

+0

也許你的示例代碼? – DaniP

+0

http://www.artishock.net/coding/css-list-styling-using-ascii-special-characters/ – Danny

回答

3

你可以使用li:before{ content:"....";},使箭頭?就像這樣:

<ul> 
    <li>Disaster</li> 
    <ul> 
     <li>stuff</li> 
     <li>Stuff2</li> 
    </ul> 
</ul> 

CSS:

ul ul li:before { 

     content: "\2192 \0020"; 
} 
ul ul { 
    list-style: none; 
} 

看看它的實際功能在這裏,在這個小提琴:http://jsfiddle.net/f9AzK/

2

使用li:before { content: ...; }

HTML

<ul> 
    <li>Disater Assistance Center Manager 
     <ul id="sub"> 
      <li>San Jaun</li> 
     </ul> 
    </li> 
</ul> 

CSS

#sub { list-style:none; } 
#sub li:before { 
    content: "\2192 \0020"; 
} 

JSFiddle

其他特殊字符,都可以找到here

相關問題