2014-01-17 42 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

相关问题