zoukankan      html  css  js  c++  java
  • 阿里矢量图简单css 用法

    一、阿里矢量图的网址:http://iconfont.cn/,截止到发稿共有1,094,241个图标。

    二、使用:

    输入自己想找的图标,搜索,例如我搜索home,出现了许多图标 ,将选好你要用的所有图标加入购物车,()

    如图:

     

     在购物车里是你选好的所有图标:

     点击下载代码

     在你的页面中引入压缩包里的这个css文件

    并用浏览器打开压缩包里的这个html文件

    然后选择页面中的font-class选项如图:

     下面是对应的图面名字

    使用方法 如下:

    第一步:引入项目下面生成的 fontclass 代码:

    <link rel="stylesheet" href="./iconfont.css">
    

    第二步:挑选相应图标并获取类名,应用于页面:

    <span class="iconfont icon-xxx"></span>
    

    " iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

  • 相关阅读:
    拯救公主
    爱情之路
    无聊的会议
    对拍检验程序
    TCP三次握手
    OA系统走过的的坑之部门岗位管理
    蓝屏警告
    三级联动
    Ajax二级联动
    近期疑惑和总结
  • 原文地址:https://www.cnblogs.com/0826sw/p/11934070.html
Copyright © 2011-2022 走看看