HTML如何给网页添加ico图标？_IT百科

首先准备一个32*32 格式为 ico 的图标

方法/步骤

先做好一张格式为ico的图标（我就是用在线工具转换为ico格式的）

打开页面代码，找到<head>标签，在<head></head>标签中插入一句,

请点击输入图片描述

ok啦，运行一下你的网页，看看是不是有图标了呢？

请点击输入图片描述

END

注意事项

图标格式一定要是ico格式的

图片路径要写正确

在前台页面设计中，为了实现更好的页面效果，我们可以在超链接文字前加上合适的小图标，从而给用户更好的视觉体验。

[html] view plain copy

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

display:inline-block

width: 100px

height:40px

background: gray url(../img/logo.png) no-repeat fixed 10px center

text-indent:35px

}

</style>

</head>

<body>

</body>

</html>

备注：

background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性：

background-color

background-position

background-size

background-repeat

background-origin

background-clip

background-attachment

background-image

如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif')也是允许的。

通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

在标签之间输入或者用favicon表示：规格有32×32、48×48、64×64、128×128，直接用PS做一个图片，命名为favicon.ico，然后用FTP软件上传到网站根目录替换原来的文件即可，如果不想用FTP软件，也可以在网站的后台进行更换。

欢迎分享，转载请注明来源：内存溢出

HTML如何给网页添加ico图标？