百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> 网页开发怎样引入图标
分享文章到:

网页开发怎样引入图标

发布时间:09/01 来源:未知 浏览: 关键词:

HTML中怎样引入图标

1、在头部援用在HTML中里面援用一个东西,在头部援用

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

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

点击右上角图标库

1.png

3、随意点一个进去

2.png

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。

3.png

部分图标可以援用不了,大致样式。

引荐学习:html教程

以上就是网页开发怎样引入图标的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板