青岛网站建设新闻资讯

字体图标引用方法-前端框架---Bootstrap的使用

时间:2025-03-31 已阅读:225次 | 作者:青岛网站建设

首页>新闻资讯>建站知识

第一步:引用css

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.10.3/font/bootstrap-icons.min.css">

第二步:在html里插入标签代码

<!-- 1.引入所要的图标 -->    
<i class="bi-android2" style="font-size:2rem; color:#F00;"></i>    
<i class="bi-alipay" style="font-size:2rem; color:#039;"></i>    
<i class="bi-alarm" style="font-size: 2rem; color: cornflowerblue;"></i>

<!-- 只要类名带有bi,就可以使用图标-->    
<span class="bi bi-4-circle-fill" style="font-size: 2rem;"></span>    
<i class="bi bi-arrow-left" style="font-size: 2rem; color:#F00"></i>    
<i class="bi bi-arrow-left-short"></i>


我是有底线的


二维码
扫描二维码手机查看该文章

文章引用:https://www.qinghuahulian.com/news/webzhishi/1471.html

相关资讯

Copyright © 2011-2025 青华互联-青岛青华锐思网络科技有限公司 www.qinghuahulian.com All Rights Reserved
鲁公网安备37020202000800号 鲁ICP备14020555号-4 网站地图 百度地图