HTML中如何引入图标

1、在头部引用在HTML中里面引用一个东西，在头部引用

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站制作、成都网站设计、大通网络推广、微信小程序开发、大通网络营销、大通企业策划、大通品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供大通建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com

<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>

2、然后在网上搜索font awesome。可以进那个官方（外国网站比较卡)。以下为点进那个中文网–字体图标

点击右上角图标库

3、随便点一个进去

4、复制<i class="fa fa-address-book-o" aria-hidden="true"></i>

引入你的代码中<span><i class="fa fa-address-book-o" aria-hidden="true"></i>></span>

<div><i class="fa fa-address-book-o" aria-hidden="true"></i>></div>

在div或span里引用，可以实现块状元素和行内元素的功能，不用管i标签，改变图标大小用font-size，调上下高度line-height，左右位置text-align。

部分图标可以引用不了，大致样式。

以上就是网页开发如何引入图标的详细内容，更多请关注创新互联其它相关文章！

网站栏目：HTML中如何引入图标
分享地址：https://www.cdcxhl.com/article12/iedcgc.html

成都网站建设公司_创新互联，为您提供ChatGPT、微信小程序、域名注册、商城网站、做网站、网页设计公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联