位置:电子教程 > Font Awesome图标教程 (如果看不到内容请使用360浏览器) 推荐学习资源
基础使用语法
Font Awesome 图表图标
Font Awesome Web 应用图标
Font Awesome 货币图标
Font Awesome 方向图标
Font Awesome 文件类型图标
Font Awesome 表单图标
Font Awesome 性别图标
Font Awesome 手势图标
Font Awesome 医疗图标
Font Awesome 付款图标
Font Awesome 加载中图标
Font Awesome 文本图标
Font Awesome 交通工具图标
Font Awesome 音/视频图标
Font Awesome 参考手册(1)
Font Awesome 参考手册(2)
当前阅读教程:Font Awesome图标教程 > 曲线图表图标 fa-line-chart
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 柱形图表图标fa-bar-chart 下一篇: 饼状图表图标fa-pie-chart

示例

小白教程网www.2d5.net

代码如下:

<!doctype html>
<html>
<head>
     <meta charset="utf-8">
     <title>2d5.net小白教程网-Font Awesome 曲线图表图标 fa-line-chart</title>
     <link rel="stylesheet" href="bootstrap.min.css" >
     <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" >
</head>
<body style="padding: 10px;">
 
     <h3>曲线图表图标 fa-line-chart</h3>
     <i class="fa fa-line-chart"></i>
     <i class="fa fa-line-chart fa-2x"></i>
     <i class="fa fa-line-chart" style="font-size: 36px;color: red"></i>
    
     <br>
     <p>按钮中使用:</p>
     <button>按钮<i class="fa fa-line-chart"></i></button>
     <button>按钮<i class="fa fa-line-chart fa-3x"></i></button>
     <button style="font-size: 24px;">按钮<i class="fa fa-line-chart fa-3x"></i></button>
     <button style="font-size: 24px;">按钮<i class="fa fa-line-chart "></i></button>
    
     <br>
     <p>Unicode:</p>
     <i style="font-size:24px">&#xf201</i>
    
</body>
</html>

效果如图:

image.png


上一篇: 柱形图表图标fa-bar-chart 下一篇: 饼状图表图标fa-pie-chart
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)