碼上歡樂
相關內容    簡體    繁體

web前端之 CSS引入第三方插件

本文轉載自   查看原文   2016-08-17 14:35   2261    web前端

引入第三方圖標插件 - fontawesome

官網地址：http://fontawesome.io/

1、下載圖標插件包

下載地址：https://codeload.github.com/FortAwesome/Font-Awesome/zip/master

2、解壓壓縮包

3、導入插件的css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" type="text/css" href="Font-Awesome-master/Font-Awesome-master/css/font-awesome.css" />

</head>
<body>


</body>
</html>

4、引用圖標代碼

  • 找到顯示小汽車圖標的代碼

  • 使用顯示小汽車圖標的代碼

代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" type="text/css" href="Font-Awesome-master/Font-Awesome-master/css/font-awesome.css" />

</head>
<body>

    <i class="fa fa-car" aria-hidden="true"></i> 

</body>
</html>

顯示效果

  • 查看更多的例子


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 【分享】Web前端開發第三方插件大全 css引入第三方字體 ionic2 如何引入第三方cordova插件 nuxt引入第三方插件的方法 比如jQuery Vue 引入第三方js.css的方式 Vue引入第三方JavaScript庫和如何創建自己的Vue插件 vue-cli項目中引入第三方插件 angular4,6 引入第三方插件的方法 webpack 引入jquery和第三方jquery插件 Vue 局部引入 jQuery 及依賴 jQuery 的第三方插件
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM