font awesome (图标字体库)
Font Awesome
fa是什么?
图标字体库和CSS框架
怎么用?
<link
rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
有哪些可用?
范例?
<!DOCTYPE html>
<html>
<head>
<title>Font Awesome 图标</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
</head>
<body>
<h1>fa fa-address-card-o</h1>
<i class="fa fa-address-card-o"></i>
<i class="fa fa-address-card-o" style="font-size:24px"></i>
<i class="fa fa-address-card-o" style="font-size:36px"></i>
<i class="fa fa-address-card-o" style="font-size:48px;color:red"></i>
<br>
<p>按钮中使用:</p>
<button style="font-size:24px">
按钮
<i class="fa fa-address-card-o"></i>
</button>
<p>Unicode:</p>
<i style="font-size:24px" class="fa"></i>
</body>
</html>
参考:
http://www.runoob.com/font-awesome/fontawesome-tutorial.html
http://www.runoob.com/font-awesome/fontawesome-reference.html
;
最新文章
- C# 多线程之Task资料
- django多条件筛选搜索(项目实例)
- meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
- Visual Studio Enterprise 2015下载 Update3
- SharePoint 2010 文档管理系列之星级评论功能
- 【分布式存储】GlusterFS failing to mount at boot with Ubuntu 14.04
- windows tomcat 优化
- WebService使用JSON格式传递笔记+JQuery测试
- webstoem自动编译less文件
- Wpf之布局
- Linux下jira自启动设置
- UVA11039-Building designing
- java虚拟机参数设置 jvm参数设置
- NormalDialogFragmentDemo【普通页面的DialogFragment】
- intellij idea 官方帮助文档翻译（一）安装
- Tornado创建一个web服务
- （转）Spring Boot 2 (四)：使用 Docker 部署 Spring Boot
- java抽象类与接口回顾
- Django权限auth模块详解
- 1.2.2实现Runnable接口
热门文章
- 【JUnit】Junit命令行执行、参数化执行、Main方法执行
- selenium的PageObject设计模式
- testng执行报错：org.testng.TestNGException: Cannot find class in classpath
- win10企业版激活密钥
- Windows为什么双击打开‘我的电脑’， 没有了‘前进’‘ 后退’‘向上’等按钮？
- react-native 组件默认属性（defaultProps） 及 属性类型验证（PropTypes）
- Velocity.js动画库使用
- Linux vim命令记录
- 将apache添加到服务
- jenkins构建java项目找不到命令mvn,java的解决方法