icon图标
程序员文章站
2022-05-15 09:23:33
...
https://www.iconfont.cn/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>图标</title>
<!-- 第一步,引入图标的css -->
<link rel="stylesheet" href="./css/iconfont.css" />
<link rel="stylesheet" href="./css1/iconfont.css" />
</head>
<!-- 第二步,引用图标class -->
<body>
<span class="iconfont icon-attachment"></span>
<span class="iconfont icon-camera"></span>
<span class="iconfont icon-a-03-01 like"></span>
<span class="iconfont icon-a-21-01 like1"></span>
<style>
.iconfont.icon-attachment {
font-size: 80px;
color: rgb(71, 114, 255);
}
.iconfont.icon-camera {
font-size: 70px;
color: rgb(18, 223, 46);
}
.like {
font-size: 60px;
color: green;
}
.like1 {
font-size: 90px;
color: rgb(058, 237, 160);
}
/* .iconfont.icon-camera {
font-size: 80px;
color: tomato;
} */
</style>
</body>
</html>
上一篇: 简单SQL注入实验
推荐阅读
-
Microsoft Dynamics CRM 批量上传web资源(非官方WebResourceUtility)并替换实体图标
-
Microsoft Dynamics CRM 批量上传web资源(非官方WebResourceUtility)并替换实体图标
-
Microsoft Dynamics CRM 批量上传web资源(非官方WebResourceUtility)并替换实体图标
-
MAC下将Dock 栏图标变成实时系统监控器的方法
-
Illustrator制作时尚复古的皮质旅行日记本图标教程
-
从零开始 教你如何绘制一套完整的线性UI图标
-
photoshop利用图层样式制作非常精致的相机图标
-
PS鼠绘质感红色铅笔图标
-
Photoshop绘制金色质感的球形图标
-
Photoshop制作精细的格子纹理小图标