当前位置: 首页 > news >正文

【vue】html页面怎么设置页签图标?比如B站是个小电视的图标的效果

文章目录

  • html页面怎么设置页签图标?比如B站是个小电视的图标的效果
    • 页签图标是什么?
    • 如何设置页签图标?
    • 实现效果展示:
    • 页签图标去哪找好看的?

html页面怎么设置页签图标?比如B站是个小电视的图标的效果

页签图标是什么?

image-20221019141556322

如何设置页签图标?

当前html页面引入了vue.js:

image-20221019134624166

运行html,没有请求到favicon.ico这个页签图标,

image-20221019142100132

下载一个页签,命名为favicon.ico,

image-20221019141957901

也可以将自己喜欢的图片,修改后缀名,

image-20221019143616108

然后再复制到项目中,这里放到根目录即可

image-20221019142323551

实现效果展示:

image-20221019143543537

页签图标去哪找好看的?

爱给网:https://www.aigei.com/icon/class/?tab=file&term=ico

阿里巴巴矢量图标库:https://www.iconfont.cn/

https://icons8.com/

https://www.iconsdb.com/guacamole-green-icons/winamp-icon.html

相关文章:

  • 配置Swagger2生成API接口文档
  • Ai-WB1系列 AT指令连接MQTT服务器
  • 国货之光!ATECLOUD—功能如此强大的测试测量上位机开发工具软件!
  • 【SpringBoot】71、SpringBoot中集成多数据源+动态数据源
  • Python美化输出 pprint
  • Java实现十进制与二进制互相转换
  • 改进YOLOv5系列:首发结合最新Extended efficient Layer Aggregation Networks结构,高效的聚合网络设计,提升性能
  • linux:vi和vim的使用
  • 老测试员偷偷告诉你:面试被问当前薪资?千万别瞎说大实话,答错可就亏大了
  • ComposeUI——下拉刷新+上拉加载(简单封装)
  • 【建议背诵】2022下半年软考「集成」100题(10)
  • LeetCode:寻找两个正序数组的中位数----多种解题方式
  • 超实用的JS常用算法详解(推荐)
  • 分布式版本控制系统Git的下载、安装与使用其复制GitHub项目代码的方法
  • 金仓数据库KingbaseES物理备份恢复最佳实践(执行备份)
  • [nginx文档翻译系列] 控制nginx
  • [译] 怎样写一个基础的编译器
  • 【翻译】Mashape是如何管理15000个API和微服务的(三)
  • Asm.js的简单介绍
  • CSS盒模型深入
  • Java小白进阶笔记(3)-初级面向对象
  • Linux Process Manage
  • MySQL常见的两种存储引擎:MyISAM与InnoDB的爱恨情仇
  • ng6--错误信息小结(持续更新)
  • SegmentFault 2015 Top Rank
  • Sequelize 中文文档 v4 - Getting started - 入门
  • 当SetTimeout遇到了字符串
  • 海量大数据大屏分析展示一步到位:DataWorks数据服务+MaxCompute Lightning对接DataV最佳实践...
  • 跨域
  • 山寨一个 Promise
  • 源码安装memcached和php memcache扩展
  • 仓管云——企业云erp功能有哪些?
  • ###51单片机学习(2)-----如何通过C语言运用延时函数设计LED流水灯
  • #Z2294. 打印树的直径
  • #我与Java虚拟机的故事#连载16:打开Java世界大门的钥匙
  • (09)Hive——CTE 公共表达式
  • (2)leetcode 234.回文链表 141.环形链表
  • (C++17) std算法之执行策略 execution
  • (libusb) usb口自动刷新
  • (带教程)商业版SEO关键词按天计费系统:关键词排名优化、代理服务、手机自适应及搭建教程
  • (二十五)admin-boot项目之集成消息队列Rabbitmq
  • (附源码)python旅游推荐系统 毕业设计 250623
  • (经验分享)作为一名普通本科计算机专业学生,我大学四年到底走了多少弯路
  • (十一)JAVA springboot ssm b2b2c多用户商城系统源码:服务网关Zuul高级篇
  • (一)Mocha源码阅读: 项目结构及命令行启动
  • (转)jQuery 基础
  • .“空心村”成因分析及解决对策122344
  • .h头文件 .lib动态链接库文件 .dll 动态链接库
  • .NET Core中的时区转换问题
  • .net MySql
  • .NET的微型Web框架 Nancy
  • .net获取当前url各种属性(文件名、参数、域名 等)的方法
  • .Net开发笔记(二十)创建一个需要授权的第三方组件
  • .net连接oracle数据库
  • .NET周刊【7月第4期 2024-07-28】