小編給大家分享一下CSS拾遺之箭頭,目錄,圖標(biāo)如何實(shí)現(xiàn)，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)公司為您提適合企業(yè)的網(wǎng)站設(shè)計(jì)?讓您的網(wǎng)站在搜索引擎具有高度排名，讓您的網(wǎng)站具備超強(qiáng)的網(wǎng)絡(luò)競爭力！結(jié)合企業(yè)自身，進(jìn)行網(wǎng)站設(shè)計(jì)及把握，最后結(jié)合企業(yè)文化和具體宗旨等，才能創(chuàng)作出一份性化解決方案。從網(wǎng)站策劃到成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作， 我們的網(wǎng)頁設(shè)計(jì)師為您提供的解決方案。

1. CSS拾遺之圖標(biāo)

圖標(biāo)有三種制作方法：

• 圖片

• css(小箭頭用CSS搞定)

• 自己畫font(fontawsome插件)

fontawsome插件下載之后，解壓，新版的與老版不一樣。

2. html文件的目錄結(jié)構(gòu)

xxx project
    - app
      - s1.html
      - s2.html
    - css
      - commons.css
    - script
      - commons.js
    - plugin
      - fontawsome
      - bootstrap
      - ...

3. CSS拾遺之a(chǎn)包含標(biāo)簽

image默認(rèn)是有個(gè)邊框的，在chrom中沒事，但是在IE Browser里面就會把邊框顯示出來，所以要將image標(biāo)簽的邊框設(shè)為0.

    



    lanxing
    
        
    

4. CSS拾遺之箭頭畫法