【css】制作网页图标
2015-12-15 13:19
477 查看
分享一个简单添加网站icon的技巧。
需要生成网页图标只要在head里面增加<link rel='icon' href='/favion.png' type='image/png'/>即可,一般使用PS生成ico格式的16*16或32*32的图片。图片的路径一般直接放在根目录即可。
最好使用png格式的图片,否则JPG格式图片可能会出现白底影响美观。
附:20个最好的在线网站 favicon 生成工具
http://blog.wpjam.com/article/20-best-favicon-online-generators/
效果:
Author:致知
Sign:路漫漫其修远兮,吾将上下而求索。
需要生成网页图标只要在head里面增加<link rel='icon' href='/favion.png' type='image/png'/>即可,一般使用PS生成ico格式的16*16或32*32的图片。图片的路径一般直接放在根目录即可。
最好使用png格式的图片,否则JPG格式图片可能会出现白底影响美观。
附:20个最好的在线网站 favicon 生成工具
http://blog.wpjam.com/article/20-best-favicon-online-generators/
效果:
Author:致知
Sign:路漫漫其修远兮,吾将上下而求索。
相关文章推荐
- Font Awesome
- 使用CSS画三角形
- css 中的度量单位
- CSS里的各种水平垂直居中
- CSS居中
- html+css
- CSS浮动属性float史上最详细分析
- css reset归纳
- 【转载】css sprite css雪碧图生成工具
- css中图片路径,以及在不同浏览器的兼容问题
- Angular2组件开发—为模板应用样式(一)
- 纯css写的一个简单导航条
- PostCSS深入学习: PostCSS和Sass、Stylus或LESS一起使用
- 在 CSS 预编译器之后:PostCSS
- 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
- css的简写规范
- css样式优先级
- CSS高级选择器:nth-child()应用大全
- CSS字符编码引起乱码
- CSS3 Box-shadow