大家在浏览网页的时候，在浏览器最上面的书签栏中会有一个小图标，今天就来聊聊怎么设置这个小东西。

通过html的一个属性就可以设置成功

<link rel="icon" href="img/favicon1.ico">

但是大家可以发现图标都是正方形的，所以我们可以事先将图片修剪为正方形的图片，大小不要求，但是一定要是正方形，而且命名文件为**.ico**结尾的文件，这样就可以设置一个美美的图标了，在别人收藏或者将书签添加到常用的时候就可以看到了！

google浏览器书签栏：

safari浏览器书签栏：

如果可以的话，大家也可以用自己的名字设计一个属于自己的图标，这样放到网站上不是很炫酷吗。

浏览器书签栏的小图标设置相关推荐

谷歌浏览器书签栏怎么隐藏谷歌Chrome浏览器书签栏隐藏教程
打开谷歌Chrome浏览器,进入设置页面; 谷歌浏览器书签栏怎么隐藏?谷歌Chrome浏览器书签栏隐藏教程谷歌浏览器书签栏怎么隐藏?谷歌Chrome浏览器书签栏隐藏教程待设置页面弹出后,滑动找寻& ...
浏览器title中的小图标0927 0928
1.如何实现浏览器title中的小图标我们需要借鉴link标签 Link标签的标签属性有哪些? rel type href Rel 是当前页面和url之间的关系 rel="stylesh ...
前端兼容性问题：快速去掉mac safari浏览器input右边的小图标/小按钮
去掉mac safari浏览器input右边的小图标/小按钮 input:focus::-webkit-contacts-auto-fill-button{opacity: 0; } 复制代码去掉S ...
win10任务栏WIFI小图标不见了--解决办法
记录一下昨天遇到的一个小问题,昨天重启电脑后发现任务栏WIFI小图标不见了,但是还是在快捷操作的列表里可以看到,控制面板也可以看到,就是找不到小图标了.经过一番试错,最终找到一种最有效的方法分享出来 ...
Hexo博客Next6.0版本主题配置（背景图片加载、侧边栏社交小图标设置、设置网站图标）
随机背景图片加载原理自动更换背景是修改添加背景的css样式实现图片来源 https://source.unsplash.com/ 修改背景样式修改themes\next\source\css\ ...
vue项目部署到服务器后浏览器标签上的小图标消失不见
背景: 最近在开发项目过程中发现一个问题,项目部署到服务器后在浏览器打开,会发现浏览器标签上的小图标消失不见了.百度查找问题,网上给出了许多解决的方案,例如清除浏览器缓存.把图标的相对路径改成绝对路径 ...
html之设置页面ico图标ie浏览器,如何修改网页小图标，浏览器页面上的图标（favicon.ico）...
我们在查看网页的时候很多那么如何更改这个图标呢?两种方式. 第一种方式: 1.找到已经安装的tomcat目录,进入D: omcatapache-tomcat-7.0.50-1webappsROOT目 ...
EasyUI小图标设置
从images中的大图定位小图标,写在css文件中,default.css中,添加,第一个图是0,0 每个大小是20px,
windows任务栏右侧小图标显示不完整
之前发现windows电脑右侧小图标显示不完整百度了一下,只需要新建一个bat文件,内容是 cd /d %userprofile%\AppData\Local\Microsoft\Windows\E ...
电脑下面的任务栏怎么取消隐藏_电脑桌面右下方任务栏的小图标如何隐藏
装机不再有难度! U启大师 U启大师小科普 Ctrl+B 粗体 Ctrl+I 斜体 Ctrl+U 下划线 Ctrl+Shift 输入法切换 Ctrl+空格中英文切换 Ctrl+Home 光标快速移到 ...

浏览器书签栏的小图标设置

通过html的一个属性就可以设置成功

浏览器书签栏的小图标设置相关推荐

最新文章

热门文章