search

博客列表 >icon图标

icon图标

异乡客
异乡客原创
2021年12月28日 09:51:08636浏览

https://www.iconfont.cn/


  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8" />
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8.     <title>图标</title>
  9.     <!-- 第一步，引入图标的css -->
  10.     <link rel="stylesheet" href="./css/iconfont.css" />
  11.     <link rel="stylesheet" href="./css1/iconfont.css" />
  12. </head>
  13. <!-- 第二步，引用图标class -->
  15. <body>
  16.     <span class="iconfont icon-attachment"></span>
  17.     <span class="iconfont icon-camera"></span>
  18.     <span class="iconfont icon-a-03-01 like"></span>
  19.     <span class="iconfont icon-a-21-01 like1"></span>
  21.     <style>
  22.         .iconfont.icon-attachment {
  23.             font-size: 80px;
  24.             color: rgb(71, 114, 255);
  25.         }
  27.         .iconfont.icon-camera {
  28.             font-size: 70px;
  29.             color: rgb(18, 223, 46);
  30.         }
  32.         .like {
  33.             font-size: 60px;
  34.             color: green;
  35.         }
  37.         .like1 {
  38.             font-size: 90px;
  39.             color: rgb(058, 237, 160);
  40.         }
  41.         /* .iconfont.icon-camera {
  42.             font-size: 80px;
  43.             color: tomato;
  44.         } */
  45.     </style>
  46. </body>
  48. </html>
上一条：有关Linux服务器白名单域名被拦截的解决方式下一条：细说伪类,盒模型,响应式布局
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多