如何在菜单中添加房子图标？
[英]How to add a house icon to the menu?
问题描述
我想修改我的菜单，以便在开头有一个小房子图标，当用户点击该房子图标时，他将被重定向到主页。 问题是我不知道要改变什么或在哪里......我的代码在html + css中
<li class="home"><a href="#"><div class="home-image"></div></a></li>
谢谢。
3 个解决方案
解决方案1
1 2014-02-11 12:48:35
尝试这个
<li class="home"><a href="#"><div class="home-image"><span class="icon-home"></span></div></a></li>
解决方案2
1 2016-08-09 15:13:07
您可以使用Font Awesome / Bootstrap / Google。
字体真棒：
将以下代码粘贴到Head部分[ <head>paste it here</head> ]
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
并添加此
<li class="home"><a href="#"><div class="home-image"><i class="fa fa-home"></i></div></a></li>
引导图标：
将以下代码粘贴到Head部分[ <head>paste it here</head> ]
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
并添加此
<li class="home"><a href="#"><div class="home-image"><i class="glyphicon glyphicon-home"></i></div></a></li>
谷歌图标：
将以下代码粘贴到Head部分[ <head>paste it here</head> ]
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
并添加此
<li class="home"><a href="#"><div class="home-image"><i class="material-icons">home</i></div></a></li>
您需要添加样式以更改图标的大小。
例子：
<i class="fa fa-home" style="font-size:24px;"></i>
<i class="glyphicon glyphicon-home" style="font-size:24px;"></i>
<i class="material-icons" style="font-size:24px;">home</i>
解决方案3
0 2014-02-11 12:55:56
如果您对css一无所知，那么只需粘贴此代码即可
<li class="home"><a href="http://google.com/"><div class="home-image">
<img width="50" height="50" style="margin-top:3px" src="http://icons.iconarchive.com/icons/double-j-design/origami-colored-pencil/256/blue-home-icon.png">
</div></a></li>
如何在导航栏旁边添加向下箭头图标并使页面下拉菜单？
[英]How can I add an arrow down icon next to nav bar and make pages drop down menu?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.