如何为li列表添加不同的图标?

时间:2015-07-03 01:32:35

标签: html css

现在我如何为UI列表(导航栏)添加我自己的img? 我试图为每个ul列表添加我自己的图标/ imgs

我目前的代码:

<li><a href="#deliver"> <i class="fa fa-car"></i> אזורי חלוקה</a></li>

<a href="#"><img src="images/United-States-Flag-24.png" alt="US ENG" title="US English" /></a>

<li><a href="#contactus"> <i class="fa fa-envelope-o"></i> צור קשר</a></li>

<li><a href="#shop"><i class="fa fa-shopping-cart"></i> חנות</a></li>

1 个答案:

答案 0 :(得分:1)

以下是字体真棒页面的示例: http://fortawesome.github.io/Font-Awesome/examples/ 首先你的代码不包含ul标签,不确定你是否忘记了它或者没有包含它

<i>标签的使用是正确的,但也许你没有在标题中包含字体真棒?

尝试此示例,看看是否显示图标。我可以根据您的反馈编辑此基础

<ul class="fa-ul">
  <li><i class="fa-li fa fa-check-square"></i>List icons</li>
  <li><i class="fa-li fa fa-check-square"></i>can be used</li>
  <li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
  <li><i class="fa-li fa fa-square"></i>in lists</li>
</ul>