zoukankan      html  css  js  c++  java
  • 如何在网页标题栏中插入图片图标

    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>
  • 相关阅读:
    案例 :表格隔行变色效果
    案例:百度换肤
    案例:排他思想(算法)
    JS运动基础
    DOM的高级应用
    jsDOM操作应用
    js中的DOM基础
    js实现向左向右无缝轮动
    JavaScript定时器的使用
    JavaScript基础2
  • 原文地址:https://www.cnblogs.com/Decmber/p/4914147.html
Copyright © 2011-2022 走看看