首页 > Web开发 > 详细

如何在网页标题栏中插入图片图标

时间:2015-10-27 15:22:09      阅读:440      评论:0      收藏:0      [点我收藏+]
1. 制作ico文件,你可以先制作出gif、jpg、png的都可以,大小在16px*16px最佳
2. 在百度搜“在线jpg转ico”,会有这样的网站,你按照步骤操作,得到ico文件
3. 将ico文件放置在网站根目录下
4. 在你的<head>...</head>添加
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
5. 如果没有显示,那么删除ie临时文件后刷新,一般就出来了。

图片转换成icon网站:
http://www.easyicon.net/covert/
http://www.ico.la/

实例:
<head>
        <meta charset = "utf-8" />
        <link rel = "icon" href="../img/head.jpg" type = "image/x-icon" />
        <link rel = "shortcut" href="../img/head.jpg" type = "image/x-icon" />
        <title>home</title>
        <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="../css/home.css">
        <script type="text/javascript" src = "../bootstrap/js/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src = "../bootstrap/js/bootstrap.min.js"></script>
    </head>

 

如何在网页标题栏中插入图片图标

原文:http://www.cnblogs.com/Decmber/p/4914147.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!