CSS 图标

您所在的位置:网站首页 如何增加图表 CSS 图标

CSS 图标

2024-07-06 21:33| 来源: 网络整理| 查看: 265

❮ 上一节 下一节 ❯ CSS 图标 如何添加图标

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

将指定的图标类的名称添加到任何行内 HTML 元素(如 或 )。

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

Font Awesome 图标

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

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

注释: 无需下载或安装!

实例

结果:

亲自试一试 »

有关所有 Font Awesome 图标的完整参考,请访问我们的 Icon 图标参考。

Bootstrap 图标

如需使用 Bootstrap glyphicons,请在 HTML 页面的 部分内添加这行:

注释: 无需下载或安装!

实例

结果:

亲自试一试 » Google 图标

如需使用 Google 图标,请在HTML页面的 部分中添加以下行:

注释: 无需下载或安装!

实例

cloudfavoriteattachmentcomputertraffic

结果:

亲自试一试 »

有关所有图标的完整列表,请访问我们的 Icon 教程。

❮ 上一节 下一节 ❯


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3