有可能在css里改变网页tab上的favicon吗?

html-css031

有可能在css里改变网页tab上的favicon吗?,第1张

在<head></head>之间加上

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

如果想要动起来,就得做个gif动画了。gif动画也是16*16的,传到服务器。在<head></head>之间加上:

<link rel="icon" href="animated_favicon.gif" type="image/gif" >

如果想要收藏夹中的图标也要改变的话,那么就加上这句:

<link rel="Bookmark" href="favicon.ico" />

这个图标还可以使用png格式

加上这样也行代码:<link rel="shortcut icon" href="favicon.ico" />

注意:

1、图标文件名必须是favicon.ico

2、favicon.ico文件必须放到网站的根目录下

3、favicon.ico文件大小为16*16

网站上的logo实际上是一个“favicon.ico”图片。

实现步骤:

第一步:制作favicon.ico,大小为16*16毫米;

第二步:将“favicon.ico”放到项目的根路径下。

第三步:在所有html页面head中添加如下代码。

//收藏用logo图标

<link

rel="bookmark"

type="image/x-icon"

href="favicon.ico"/>

//网站显示页logo图标

<link

rel="shortcut

icon"

href="favicon.ico">

第四步:直接打开html页面,打开方式为常用的浏览器即可。