首页编程实战列表为所有按钮添加Font Awesome图标

为所有按钮添加Font Awesome图标


Font Awesome是一个方便的图标库。 这些图标都是矢量图形,以.svg文件格式存储。 这些图标可以像字体一样被处理,你可以使用像素设置字体大小一样指定这些图标的大小,并且这些图标可以继承父类HTML标签的字体大小。

您可以添加Font Awesome到任何应用程序,只需将下面的链接添加到你的HTML顶部就可以了:

<link rel =“stylesheet”href =“// maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css”/>

因为在接下去的应用中,我们都会使用到这个外部样式包,所以我们已经在后台为你添加好,你不再需要每次都添加该样式链接了

i标签最初用于制作其他元素斜体,但现在通常用于图标。 您可以将Font Awesome类添加到i元素以将其转换为图标,例如:

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

使用 Font Awesome 为你的 info 按钮添加 info-circle 图标,为你的 delete 按钮添加 trash 图标。


运行 (ctrl + enter)
偷看答案


W3Cschool app 编程微课功能上线
二维码
建议反馈
二维码