去掉图标_小图标创建|精选博客

简历或者网站的信息中需要建立小图标的时候有很多网站可以搜索，这里介绍一款阿里巴巴的小图标库

Iconfont-阿里巴巴矢量图标库www.iconfont.cn

进入后可以通过git-hub注册后，就可以输入想要的小图标。

我查询了三个图标，分别是github，twitter，weibo，依次添加

查看购物车

点击后创建一个项目

点击这里生成代码

生成一个JS，复制到本地，类似这样。

右边有一个使用帮助。

这里需要用http协议打开，之前介绍过怎么使用http协议打开

点击使用帮助后

这里就差不多了。

但是需要注意一个问题：

当svg结束和a结束的时候如果有空格，并且此时display是inline，此时会产生一个下划线。可以看到github有一个空格，tuite没有空格。

解决这个问题只要把代码中的空格删除，或者把display设置为inline-block(推荐这个方法)就可以解决啦。

代码中的空格删除

svg和a标签结束的时候有空格，但是display修改为inline-block可以去掉下划线。可以看到高度也变高了。

另外 svg有特别的语法，跟CSS不同，颜色变成白色用的不是CSS中的color，而是SVG使用的的fill

SVG的MDN教程链接

去掉图标_小图标创建|精选博客相关推荐

java小光棍数_小光棍数 - NYNU_ACM - 博客园
小光棍数时间限制:1000 ms | 内存限制:65535 KB 难度:1 描述最近Topcoder的XD遇到了一个难题,倘若一个数的三次方的后三位是111,他把这样的数称为小光棍数.他已经知道 ...
创建hugo博客_如何创建您的第一个Hugo博客：实用指南
创建hugo博客 Hugo is a great tool to use if you want to start a blog. 如果您想创建博客,Hugo是一个很好的工具. I use Hugo ...
hexo+github创建个人博客--深入篇
内容简介此篇文章介绍的是个人博客的一些配置内容,包含博客项目的介绍.主题配置.图床配置以及各种第三方功能插件的使用,若还未搭建个人博客的哥们可以先参考hexo+github创建个人博客–基础篇搭建出 ...
怎么禁止/开启Ubuntu自动更新升级_豆豆技术派的博客-CSDN博客_ubuntu 自动更新
怎么禁止/开启Ubuntu自动更新升级_豆豆技术派的博客-CSDN博客_ubuntu 自动更新
无人驾驶运动学模型——线性时变模型预测控制的思路推演过程_百叶书的博客-CSDN博客_线性时变模型预测控制转
无人驾驶运动学模型--线性时变模型预测控制的思路推演过程_百叶书的博客-CSDN博客_线性时变模型预测控制
html编写个人博客_第 06 篇：博客从“裸奔”到“有皮肤”
作者:HelloGitHub-追梦人物文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库点击本文最下方的"阅读原文"即可获取在此之前我们已经编写了博客的 ...
Day 4：PredictionIO——如何创建一个博客推荐器
今天是"30天学习30种新技术"的第4天.到目前为止我很享受,而且周围开发者反响也很不错.我现在更有动力在30天内完成它了.在这篇文章中,我将介绍如何在Java下使用Predict ...
创建hugo博客_Hugo + Firebase：如何在几分钟内免费创建自己的静态网站
创建hugo博客 by Aravind Putrevu 通过Aravind Putrevu Hugo + Firebase:如何在几分钟内免费创建自己的静态网站 (Hugo + Firebase: H ...
web.py 十分钟创建简易博客
From:http://blog.csdn.net/caleng/article/details/5712850 一.web.py简介 web.py 是一款轻量级的 Python web开发框架,简单 ...
wordpress绿色小清新运营笔记博客主题模板
介绍: 本wordpress绿色小清新运营笔记博客主题模板是一款适合个人博客,做seo博客的朋友使用,功能简单,操作方便. 后台没有主题设置功能,很多需要改动代码才能实现,对于小白不怎么友好.有兴趣的 ...

去掉图标_小图标创建|精选博客

去掉图标_小图标创建|精选博客相关推荐

最新文章

热门文章