PbootCMS教程|PB建站知识|CMS二次开发|网站前端教程

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

北辰与禾 CSS 202次

CSS在线远程引用链接,以下2个都可以

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

字体图标使用示例

<!-- 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>


THE END

赞赏北辰与禾
微信扫一扫打赏
“北辰与禾感谢有你!”

上一篇:没有了!

下一篇:css display:flex 属性用法介绍