5.fontawsome的使用

1.下载

下载地址:http://www.fontawesome.com.cn/get-started/
在这里插入图片描述
下载完之后解压到django项目的static文件夹下
在这里插入图片描述

2.寻找图标

(1)进入图标库,选自己想用的图标:http://www.fontawesome.com.cn/faicons/
(2)在页面源码中获取图标对应的i标签

3.使用

(1)在html文件中先引入fontawsome中的css样式

<link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.css">

(2)将查找好的i标签复制到html文件中即可

 <th>ID<i class="fa fa-anchor fa-fw" aria-hidden="true"></i></th>

效果如下:
在这里插入图片描述

发布了62 篇原创文章 · 获赞 13 · 访问量 2965

猜你喜欢

转载自blog.csdn.net/Yanghongru/article/details/105414954