许多朋友看到演示站的菜单有图标,不管是显示还是美观都有一定的效果,在这里,我介绍一下如何添给菜单添加fontawesome图标,也就是经常说的 fa fa图标。
首先,这是很简单的,原理是利用菜单名,直接将fa fa图标标签添加进去。在外观-菜单-点击要添加图标的菜单展开详情 然后如图,给菜单添加一段图标代码即可:
<span><i class="fa fa-home"></i> 首页</span>
注意这里有一些细节建议学习下
- 图标代码是用标签包裹起来的,这样会避免个别情况下不对齐问题
- 后面,有一个空格,这样做的原因是图标和文字不会太拥挤
- 具体要用什么图标,可以到http://fontawesome.dashgame.com/官网去查找即可,将自己喜欢的图标代码替换即可
- 原理是这样:
<span><i class=”fa fa-图标代码”></i> 菜单名称</span>
依米资源网是一个免费资源平台,1米为收集整理的费用。本站所有资源均来自于互联网,版权归原作者所有,请于下载24小时之内删除,请勿商用,支持正版。
依米资源网 » RiPro如何给菜单添加fontawesome图标?
依米资源网 » RiPro如何给菜单添加fontawesome图标?
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 依米资源网