首页 > 编程知识 正文

阿里巴巴iconfont,iconfont图标

时间:2023-05-03 11:03:00 阅读:137630 作者:122

当然,请看效果图:

一、根据阿里图库生成iconfont.css 1,登录阿里图库官网https://www.iconfont.cn/创建新项目。 例如,我新创建的项目是my-icon

2、将所需图标放入购物车,然后添加到项目中

3、打开项目,选择" Unicode "类型,点击下载到本地

4、解压缩刚才下载的文件。 只需解压缩文件中的iconfont.css,不需要其他。

二、在html中使用iconfont.css图标! doctypehtmlhtmlheadmetacharset=' utf-8 ' /! 引入iconfont.css文件--link rel=' style sheet ' type=' text/CSS ' href=' CSS/icon font.CSS '/title html是蚂蚁图库颜色: # 777; }ul{width:50%; border:1px solid #ccc; padding:10px; 文本照明3360中心; }ul li{list-style:none; }/style/headbodyulliiclass=' iconfontmyicon ' # xe 693; /i团队信息/Lili iclass=' iconfontmyicon ' # xe 646; /i我的团队/Lili iclass=' iconfontmyicon ' # xe 618; /i结算记录/Lili iclass=' iconfontmyicon ' # xe 672; /i充值记录/Lili iclass=' iconfontmyicon ' # xe66c; /i事务处理行/Lili iclass=' iconfontmyicon ' # xe74c; /i手机号码/li/ul /body/html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。