10.网页图表第十节网页图标

68 阅读 0 评论 45 点赞

我是靠谱客的博主醉熏白云，最近开发中收集的这篇文章主要介绍10.网页图表第十节网页图标，觉得挺不错的，现在分享给大家，希望可以做个参考。

第十节网页图标

第一步:

准备一个".ico"格式的图标

第二步:

在title底下插入图标链接

<head>
<meta charset=“UTF-8”>
<title>网页图标
<!–设置图标–>
<link rel=“icon” href="…/image/favicon.ico">
</head>

演示:
在这里插入图片描述

第一步:

进入阿里的矢量图网站:www.iconfont.cn

第二步:

选择你需要的图标,加入购物车,然后点击下载代码,并将其解压
在这里插入图片描述

第三步:

把iconfont.css文件复制到项目中,并用外部链插入项目.复制你要插入的图标的class名,将这个图标的class名给一个i标签,并且给他再加一个iconfont类名,如果你想设置图标的大小可以再给他加一个类名.
在这里插入图片描述

代码:

<i class=“iconfont icon-xuesheng student” aria-hidden=“true”>

<i class=“iconfont icon-xuesheng1 student” >

演示:

onfont icon-xuesheng1 student" >

演示:
在这里插入图片描述
这都是我的课堂笔记,如果大家觉得写的不错就给我点赞哦!您的鼓励就是我创作的动力!

以上就是醉熏白云为你收集整理的10.网页图表第十节网页图标的全部内容，希望文章能够帮你解决10.网页图表第十节网页图标所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。