<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>
          

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
          

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
          

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                <ruby id="bdb3f"></ruby>
                
    


                
  
                                            
                                                                      
        
                
          ThinkChat2.0新版上線，更智能更精彩，支持會話、畫圖、視頻、閱讀、搜索等，送10W Token，即刻開啟你的AI之旅
          廣告
        
                        
                              
  

                

                
    
                
        
                
                            
[TOC]

#一、bootstrap 圖標
1.添加代碼：
`<span class="glyphicon glyphicon-chevron-up"></span>`
或者pull-right為右對齊
`<i class="pull-right glyphicon glyphicon-chevron-up"></i>`
2.官網實例[查看實例](http://www.runoob.com/bootstrap/bootstrap-glyphicons.html)
* * * * *

#二、使用fontawesome圖標
查看官網實例[fontawesome奧森圖標實戰](http://www.thinkcmf.com/font/examples)
## 1.下載圖標文件
百度網盤下載[Font Awesome4.2 下載](http://pan.baidu.com/s/1nt3afhv)
## 2.加載圖標樣式文件表

`<link href="__STATIC__/fontawesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>`
`__STATIC__為我在Thinkphp開發下定義的常量`
## 3.在網頁中寫代碼
 ![](https://box.kancloud.cn/2015-11-23_5652a1d73c6ec.png) 
 `<i class="fa fa-camera-retro fa-lg"></i> fa-lg`
`<i class="fa fa-camera-retro fa-2x"></i> fa-2x`
`<i class="fa fa-camera-retro fa-3x"></i> fa-3x`
`<i class="fa fa-camera-retro fa-4x"></i> fa-4x`
`<i class="fa fa-camera-retro fa-5x"></i> fa-5x` 
以上代碼對應圖標顯示結果為

                    
                
        
                
            
        
                
    
                
    
                
        
                
    
                

                







                  <ruby id="bdb3f"></ruby>
                  <p id="bdb3f"><cite id="bdb3f"></cite></p>
                    

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>
                        

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>
                        

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>
                        

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>
                              <ruby id="bdb3f"></ruby>
                              

哎呀哎呀视频在线观看