网站左上方的小图标如何添加

 时间:2024-11-02 08:59:35

1、准备好要用的ico图标,这里我下载了一些,网上很多,可以自己百度哦!

网站左上方的小图标如何添加

2、搭建的有服务器的就在站点根目袄嬖艽蛞录新建一个HTML文件,然后再把要用的ico图标也放到这个目录下,没服务器的找个文件夹把这2个东西放一起就行了。

网站左上方的小图标如何添加

3、使用任意编辑器编辑本例的aaa.html文件,代码如下,核心代码是head标签里面的<link href="u2.ico" rel="shortcut icon">这句,这个是用来显示咱要显示的小图标的,保存代码

网站左上方的小图标如何添加

4、对于没搭建服务器的小伙伴,咱选择用Chrome浏览器打开该html文件即可到咱添加的小图标哦!

网站左上方的小图标如何添加

5、这时Chrome浏览器下的运行效果,看左上角,问什么不用别的浏览器呢?别的浏览器可能不显示此效果哦!

网站左上方的小图标如何添加

6、对于搭建过服务器的小伙伴就简单喽!通过域名在任意浏览器访问均可看到该小图标哦!

网站左上方的小图标如何添加
  • Bootstrap中如何制作下拉菜单
  • CSS border-bottom 属性的使用
  • 怎么让DIV在另一个DIV里靠底部显示
  • html轮播图怎么制作
  • 利用jquery写出鼠标悬停在一张图片上放大图片
  • 热门搜索
    鲫鱼汤的家常做法 脚崴了怎么处理 亦怎么读 柠檬鸭的做法 鱼丸的做法 老北京鸡肉卷的做法 平菇的做法 玉米烙的做法 馄饨皮的做法大全 肉饼的做法