1. 将图标文件命名为favico.ico（有在线生成工具，不能只改后缀名），上传到网站根目录。
2. 在网站首页的源文件<head></head>之间插入下面的斜体部分代码<head>……<link rel="shortcut icon" href="favicon.ico"></head>
3.动态ico图标的实现方法，先把做好的gif动态图标命名为favico.gif <head></head>之间加上： <link rel="icon" href="favicon.gif" type="image/gif" >
你说的是窗口显示的小图标吗，那是需要在<head>里面增加 <link rel="icon" href="图标位置" mce_href="图标位置" type="image/x-icon" />这样就可以了这是一个示例，可以试着先在阿里巴巴图标将图标加入购物车，然后再下载代码，将文件加压后，引入iconfont.css文件，在i标签中class属性名为iconfont，style样式可以自定义图标的大小和颜色，这里“”为一个问号的代码。页面显示的为一个红色的问号。i标签做图标的好处就是将图片文字化，还有其他的方法就是通过<i>标题的伪类来显示图标，配合 ::before 或者::after伪元素实现，因为没有内容，读屏器不会朗读（这样即使有特殊处理也跳过了），机器理解起来应该也没什么影响。使用伪类的好处就是：插入的内容在页面的源码里是不可见的，只能在css里可见。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）