 |
位置：电子教程 > Font Awesome图标教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > Font Awesome图标教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：Font Awesome图标教程 > 大图标 | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： 图标使用基础语法 | 下一篇： 列表图标 |
|
fa-lg (增加33％)，fa-2x，fa-3x， fa-4x，或 fa-5x 类用于增加相对于其容器的图标大小。 示例代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>2d5.net小白教程网-Font Awesome 大图标</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 fa-2x"></i> <i class="fa fa-car fa-3x"></i> <i class="fa fa-car fa-4x"></i> <i class="fa fa-car fa-5x"></i> <hr> <i class="fa fa-car fa-2x" style="color: red;"></i> <i class="fa fa-car fa-2x" style="color: blue;"></i> <i class="fa fa-car fa-2x" style="color: gold;"></i> <i class="fa fa-car fa-2x" style="color: green;"></i> </body> </html> 效果如图：
|
|
| 上一篇： 图标使用基础语法 | 下一篇： 列表图标 |
