如何将阿里巴巴矢量图标转变为文字形态_阿里巴巴图标矢量图库中文怎么设置_born-stubborn的博客-程序员秘密

技术标签: css  HTML图片转文字  html  

如何将阿里巴巴矢量图标转变为文字形态@TOC

如何将阿里巴巴矢量图标转变为文字形态

在平时写前端页面的过程中,有的图片显示会有两种不同的颜色,即正常状态下的颜色和鼠标移上去的颜色,这时我们就有一个简便的方法将图片转变为文字形态,本来使用两张图片才能达到的效果现在使用一张就能达到。

具体操作流程

  1. 首先我们打开阿里巴巴矢量图标库官网找到自己想要的图片

  2. 点击添加入库的选项将其添加入库在这里插入图片描述

  3. 打开刚才所添加图片的库在创作中心设置你喜爱的代码高亮样式,Markdown **将代码片显示选择的高亮样式** 进行展示;

  4. 选择下载代码下载到指定文件夹增加了 **图片拖拽** 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;
    在这里插入图片描述

5.打开该文件夹,打开压缩包或者解压压缩包
在这里插入图片描述
在这里插入图片描述
6. 将所选中的文件复制到项目中在这里插入图片描述

  1. 打开HTML文件在这里插入图片描述
  2. 然后根据其中的提示操作即可在这里插入图片描述
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_46002550/article/details/112213159

智能推荐

Java实现微信H5支付_java实现微信支付h5_丨404 NotFound的博客-程序员秘密

在工作中经常会用到支付功能, 微信支付也做过, 但是隔一段时间再做的时候总会忘, 百度可参考的文档也很少, 在今天花费大半天时间完成之后, 决定记录一下流程和所采的坑. 如果您看到此片文章希望能帮到您. 一下讲粘贴出来全部的源码....

XE里, TStringField 还是 ansi的_dianmengkui1387的博客-程序员秘密

{ TStringField } TStringField = class(TField) private FFixedChar: Boolean; FTransliterate: Boolean; protected class procedure CheckTypeSize(Value: Integer); override;...

python画圆角矩形_cocos2d-x画圆角矩形的Lua实现_哈里叔叔的博客-程序员秘密

-- 传入DrawNode对象,画圆角矩形function drawNodeRoundRect(drawNode, rect, borderWidth, radius, color, fillColor)-- segments表示圆角的精细度,值越大越精细local segments = 100local origin = cc.p(rect.x, rect.y)local des...

vue每填写一次数据点击按钮增加一次_vue from 每填写一个数据 就触发_sinat_35539553的博客-程序员秘密

watch: { lists(val) { if (!val[val.length - 1].name) { this.anniubd = true; } else { this.anniubd = false; } } }, methods: { dijClick() { var ...

【转】oracle错误编号表_woini213的博客-程序员秘密

 转自http://www.cnblogs.com/Cqiang/archive/2013/03/08/2949890.html http://www.cnblogs.com/Cqiang/archive/2013/03/08/2949895.html ORA-00001: 违反唯一约束条件 (.) ORA-00017: 请求会话以设置跟踪事件 ORA-0001...

Springboot极简教程_洗脚水真香丶的博客-程序员秘密

《Springboot极简教程》MappingMongoConverter:Failed to convert from type [java.lang.String]to type [long] for value 'null'; nested exception isjava.lang.IllegalArgumentException: A null value cannot be assig

随便推点

大话数据结构与算法:基础篇_沈子恒的博客-程序员秘密

1.数据结构的重要性        数据结构是计算机软件相关专业的基础课程,几乎可以说,要想从事编程工作,无论是否是科班出身(比如我,标准的非科班人员,我是学医的,哈哈)都不可以绕过数据结构与算法这部分知识。        数据结构是相互之间存在一种或多种特定关系的数据元素的集合。        If you give someone a program,you will frustr

微信公众号自定义分享功能 与 获取点击分享者的openid,通过cookic校验,重新请求获取_hufi320的博客-程序员秘密

微信公众号自定义分享功能 与 获取点击分享者的openid,通过cookic校验,重新请求获取引用的微信 js:<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script><script src="${ctx}/static/useloo...

#77 Longest Common Subsequence_易月的博客-程序员秘密

题目描述:Given two strings, find the longest common subsequence (LCS).Your code should return the length of LCS.Have you met this question in a real interview? YesClarificati

实现一个工资管理系统_黄广春的博客-程序员秘密

一、内容1.题目《小型公司工资管理系统》设计2.设计说明与要求(1) 公司主要有5类人员:文秘、技术经理、技术员、销售员、销售经理。要求存储这些人的职工号、姓名、月工资、年龄、性别等信息。人的职工号、姓名、月工资、年龄、性别等信息。(2) 工资的计算方法A、技术经理:固定月薪为5000元,业绩分三个等级,每级1000元奖金。B、技术员:工作时间*小时工资(40/小时);

@Accessors_weixin_34319640的博客-程序员秘密

@Accessors作用:存取器,用于配置getter和setter方法的生成结果三个属性:fluent、chain、prefix1、fluent:流畅的,设置为true,getter和setter方法的方法名都是基础属性名,且setter方法返回当前对象 2、chain:链式的,设置为true,则setter方法返回当前对象 ...

P1115 最大子段和洛谷c++题解_YCU_poison的博客-程序员秘密

P1115 最大子段和题目描述给出一个长度为 nnn 的序列 aaa,选出其中连续且非空的一段使得这段和最大。输入格式第一行是一个整数,表示序列的长度 nnn。第二行有 nnn 个整数,第 ii 个整数表示序列的第 iii 个数字 aia_iai​ 。输出格式输出一行一个整数表示答案。输入输出样例输入72 -4 3 -1 2 -4 3输出4只需要使用一维数组的动态规划就可以解决问题了。对于如果有一个字段和加上当前的数比这个还要小,那么你就要放弃当前的子段和,从现在这个数重新开

推荐文章

热门文章

相关标签