增加点赞手势图及提交按钮图标

Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形，被保存在 .svg 的文件格式中。这些图标就和字体一样，你可以通过像素单位指定它们的大小，它们将会继承其父HTML元素的字体大小。

你可以将 Font Awesome 图标库增添至任何一个应用中，方法很简单，只需要在你的 HTML 头部增加下列代码即可：

<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css"/>

不过，我们已经事先在幕后为此页面添加了该功能。（不必重复添加上面这段代码）

i 元素起初一般是让其它元素有斜体(italic)的功能，不过现在一般用来指代图标。你可以将 Font Awesome 中的 class 属性添加到i 元素中，把它变成一个图标，比如：

<i class="fa fa-info-circle"></i>

你可以通过 Font Awesome 库增加一个 thumbs-up 图标到你的 like 按钮中，方法是在i 元素中增加 class 属性fa 和 fa-thumbs-up。

垃圾桶图标是 fa-trash 信息图标是fa-info-circle

你可以在你的 button 提交按钮上添加 Font Awesome的 fa-paper-plane 图标，方法是在元素中增加 <i class="fa fa-paper-plane"></i> 。

给你表单的文本输入框增加 classform-control 。在你的表单提交按钮中增加 class btn btn-primary 。同样，在这个提交按钮中增加 Font Awesome 的 fa-paper-plane 图标。

<input type="text" class="form-control" placeholder="cat photo URL" required>
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>

增加点赞手势图及提交按钮图标相关推荐

Unity答题系统3.0版本（增加题目导航栏和提交后显示题目正误标识功能）
目录导航答题系统修改说明答题界面搭建核心脚本代码运行效果答题系统修改说明 1.3.0版本的答题系统同样延续了前两个版本一样的方式,题库信息存储在xml文档中,通过www的形式加载并解析,构建 ...
【安卓】1.修改按钮样式之圆角按钮+按钮图标（保姆级图文+附示例+api例程）
目录 1.按钮图标 1.1获取按钮图标文件 1.2 按钮图标API说明: 1.3 按钮图标基本例程 2.按钮样式文件 2.1 new_button_style.xml 2.2 color.xml 2. ...
vue ajax提交防止伪造,axios+vue防止点击提交按钮而发送多次请求
问题:如图,当我连续点击提交按钮多次,后台会接收到多次数据. image.png 在网上找了下方法,结合自己实际的问题,解决如下(参考文章:https://www.jianshu.com/p/4445 ...
Activiti获取当前活动（任务）的出口（动态生成提交按钮）
1.设置出口变量当一个任务有一个或多个出口时,可以在出口连线出设置判断条件如图: 2.根据任务Id获取出口集合 public List<String> getOutGoingTransN ...
Java 按钮组件_提交按钮
按钮在Swing中是非常常见的组件,用于触发特定动作.Swing中提供多种按钮,包括提交按钮.复选框.单选按钮等,这些按钮都是从AbstractButton类中继承而来的. 提交按钮 Swing中的提 ...
小红书点赞收藏有什么用_小红书怎么增加点赞和收藏数量?平台刷有什么用?快速上热门么?...
一.小红书增加点赞和收藏数量诀窍在做小红书的朋友肯定对自己在小红书发布的笔记收藏点赞量是很关心的,因为收藏点赞量越高则你的笔记也更容易上热门,但是很多人发完笔记都没用什么收藏点赞量,那么我们如何发布 ...
html的提交按钮图片,HTML图片提交按钮
有时候为了达到比较好的视觉效果,有人会使用图片代替按钮来提交或者重置表单数据. 一: 二:代替submit按钮的图片代码格式是代替reset按钮的代码图片格式是三: 通过onClick=" ...
html5怎么把图片做成按钮,网页制作提交按钮关于用图片做网页提交按钮的问题...
网页设计中的按钮input提交后会调用什么函数, input 中有button按钮和submit按钮,button按钮没反应,可以用javascript实现它的功能 function but(){al ...
html mui按钮居中,mui实现下方突出大按钮图标
mui实现下方突出大按钮图标所属分类:[APP] | 创建时间:2017-11-16 | 文章属性:原创 | 文章来源:http://windfly.cn | 作者:windfly #原理 ...

增加点赞手势图及提交按钮图标

增加点赞手势图及提交按钮图标相关推荐

最新文章

热门文章