前端项目引入icon图标

一般的网页都是有icon图标的,例如CSDN论坛的网页
在这里插入图片描述
引用图标时,我们如果不想自己制作,可以引用网站里的了,引用的方法如下:

  1. 在网页地址栏后输入/favicon.ico就可以找到啦如下图(然后保存)
    在这里插入图片描述
  2. .注意保存的小图标要放到你项目的根目录下,这样方便查找
    在这里插入图片描述
  3. 下面就是如何引用啦,放到标签里
    在这里插入图片描述
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

4.下面我们的网页就成功的引用了图标,效果图如下
在这里插入图片描述
如果我们想自己设计个小图标该怎么做呢
可以自己设计小图标,推荐大家使用photoshop,
**注:**学习前端的小伙伴们,还是要学会ps基本操作,这样以后制作东西更方便哦。
制作好之后,这个图标是不可以直接使用的,要使用比特虫在线制作icon图标,附上网站:http://bitbug.net/
这样我们就可以自己设计图标并使用啦。
`

猜你喜欢

转载自blog.csdn.net/qianqian_blog/article/details/83188192