[英]How to add a house icon to the menu?
我想修改我的菜單,以便在開頭有一個小房子圖標,當用戶點擊該房子圖標時,他將被重定向到主頁。 問題是我不知道要改變什么或在哪里......我的代碼在html + css中
<li class="home"><a href="#"><div class="home-image"></div></a></li>
謝謝。
嘗試這個
<li class="home"><a href="#"><div class="home-image"><span class="icon-home"></span></div></a></li>
您可以使用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>
如果您對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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.