一般的网页都是有icon图标的,例如CSDN论坛的网页
引用图标时,我们如果不想自己制作,可以引用网站里的了,引用的方法如下:
- 在网页地址栏后输入/favicon.ico就可以找到啦如下图(然后保存)
- .注意保存的小图标要放到你项目的根目录下,这样方便查找
- 下面就是如何引用啦,放到标签里
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
4.下面我们的网页就成功的引用了图标,效果图如下
如果我们想自己设计个小图标该怎么做呢
可以自己设计小图标,推荐大家使用photoshop,
**注:**学习前端的小伙伴们,还是要学会ps基本操作,这样以后制作东西更方便哦。
制作好之后,这个图标是不可以直接使用的,要使用比特虫在线制作icon图标,附上网站:http://bitbug.net/
这样我们就可以自己设计图标并使用啦。
`