<!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>Document</title>
<!-- 1.引入下载好的字体图标的css文件 引入js -->
<!-- <link rel="stylesheet" href="./iconfont/iconfont.css"> -->
<link rel="stylesheet" href="//at.alicdn.com/t/font_3286011_6na5nybbd8.css">
<!-- -->
<script src="//at.alicdn.com/t/font_3286011_6na5nybbd8.js"></script>
<style>
/* 2. 设置样式 */
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.box {
font-size: 150px;
}
.qz {
font-size: 150px;
color: red;
/* text-decoration: line-through; */
}
.qiuxie {
font-size: 140px;
}
</style>
</head>
<body>
<span class="iconfont icon-lianyiqun qz"></span>
<span class="iconfont icon-shoujitaobao qz"></span>
<span class="iconfont icon-qiuxie qz"></span>
<!-- 3.引入图标 -->
<svg class="icon qiuxie" aria-hidden="true">
<use xlink:href="#icon-qiuxie"></use>
</svg>
</body>
</html>
扫一扫
4875
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
