css零到一基础教程044：CSS 图标

如何添加图标

向 HTML 页面添加图标的最简单方法是使用图标库，比如 Font Awesome。

将指定的图标类的名称添加到任何行内 HTML 元素（如 <i> 或 <span>）。

下面的图标库中的所有图标都是可缩放矢量，可以使用 CSS进行自定义（大小、颜色、阴影等）。

Font Awesome 图标

如需使用 Font Awesome 图标，请访问 fontawesome.com，登录并获取代码添加到 HTML 页面的 <head> 部分：

<script src="https://kit.fontawesome.com/yourcode.js"></script>

请在我们的 Font Awesome 5 教程中，阅读有关如何开始使用 Font Awesome 的更多内容。

提示：无需下载或安装！

实例

<!DOCTYPE html>
<html>
<head>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body><i class="fas fa-clo

css零到一基础教程044：CSS 图标相关推荐

css零到一基础教程007：CSS RGB 颜色
RGB 值在 CSS 中,可以使用下面的公式将颜色指定为 RGB 值: rgb(red, green, blue) 每个参数 (red.green 以及 blue) 定义了 0 到 255 之间的颜 ...
css零到一基础教程009：CSS HSL 颜色
HSL 值在 CSS 中,可以使用色相.饱和度和明度(HSL)来指定颜色,格式如下: hsla(hue, saturation, lightness) 色相(hue)是色轮上从 0 到 360 的度 ...
css零到一基础教程006：CSS 颜色
指定颜色是通过使用预定义的颜色名称,或 RGB.HEX.HSL.RGBA.HSLA 值. CSS 颜色名在 CSS 中,可以使用颜色名称来指定颜色: 实例: <!DOCTYPE html> ...
css零到一基础教程042：CSS 谷歌字体
谷歌字体如果您不想使用 HTML 中的任何标准字体,则可以使用 Google Fonts API 向页面添加数百种其他字体. 只需添加一个样式表链接并引用您选择的字体系列: 实例 <!DOCT ...
css零到一基础教程005：CSS 注释
CSS 注释注释用于解释代码,以后在您编辑源代码时可能会有所帮助. 浏览器会忽略注释. 位于 <style> 元素内的 CSS 注释,以 /* 开始,以 */ 结束: 实例 <!D ...
css零到一基础教程018：CSS 边框颜色
CSS 边框颜色 border-color 属性用于设置四个边框的颜色. 可以通过以下方式设置颜色: name - 指定颜色名,比如 "red" HEX - 指定十六进制值,比如 ...
css改变伪元素color_jQuery教程改变css伪元素样式详解
本篇教程介绍了jQuery教程改变css伪元素样式详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < 首先我们看一下css伪元素是什么: CSS 伪元素用于向某 ...
css零到一高级教程007：CSS 阴影效果
CSS 阴影效果通过使用 CSS,您可以在文本和元素上添加阴影. 在我们的教程中,您将学习如下属性: text-shadow box-shadow CSS 文字阴影 CSS text-shadow ...
html与css基础教程：CSS构造块
1.CSS3提供的新功能,圆角.阴影效果.文字阴影.自定义字体.旋转文本.半透明背景颜色.多图像背景.渐变等. 2.样式表包含了定义网页外观的规则.一条规则的两部分选择器和声明块. 3.CSS中的注释 ...

css零到一基础教程044：CSS 图标

如何添加图标

Font Awesome 图标

css零到一基础教程044：CSS 图标相关推荐

最新文章

热门文章