 |
位置：电子教程 > Font Awesome图标教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > Font Awesome图标教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：Font Awesome图标教程 > 图标使用基础语法 | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： 基础使用语法 | 下一篇： 大图标 |
|
您可以使用前缀 fa 和图标的名称来放置 Font Awesome 图标。 Font Awesome 设计为与内联元素一起使用。 <i>和 <span> 元素广泛用于图标。 另外注意，如果更改图标容器的字体大小或颜色，图标会更改。 示例代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Font Awesome 图标(小白教程网：www.2d5.net)</title> <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" > </head> <body> <i class="fa fa-car"></i> <i class="fa fa-car" style="font-size:48px;"></i> <i class="fa fa-car" style="font-size:60px;color:red;"></i> </body> </html>
效果如图：
|
|
| 上一篇： 基础使用语法 | 下一篇： 大图标 |
