当前阅读教程:Font Awesome图标教程 > 边界和被拉的图标 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 列表图标 | 下一篇: 动态图标 |
fa-border,fa-pull-right 或 fa-pull-left 类用于拉式引用或文章图标。 示例 代码如下: <!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-quote-left"></i> 小白教程网 - HTML教程<br> 小白教程网 - CSS教程<br> 小白教程网 - Javascript教程<br> 小白教程网 - Vue教程<br> <hr> <i class="fa fa-quote-left fa-border fa-3x"></i> 小白教程网 - HTML教程<br> 小白教程网 - CSS教程<br> 小白教程网 - Javascript教程<br> 小白教程网 - Vue教程<br> <hr> <i class="fa fa-quote-left fa-border fa-3x fa-pull-left"></i> 小白教程网 - HTML教程<br> 小白教程网 - CSS教程<br> 小白教程网 - Javascript教程<br> 小白教程网 - Vue教程<br> <hr> <i class="fa fa-quote-right"></i> 小白教程网 - HTML教程<br> 小白教程网 - CSS教程<br> 小白教程网 - Javascript教程<br> 小白教程网 - Vue教程<br> </body> </html> 效果如图: |
|
上一篇: 列表图标 | 下一篇: 动态图标 |