介紹

文件類型圖標的純 CSS 版本。可以不用圖片來創建文件圖標。（例如：doc, pdf, png, zip 等等）。

查看 DEMO

使用

<div class="file-icon file-icon-xl" data-type="doc"></div>

顯示為:

類型

使用data-type來定義文件類型，已經定義了一些:

• doc, docx
• xls, xlsx
• ppt, pptx
• pdf
• zip

尺寸

使用file-icon-xx來使用尺寸，支持：

• xs (12x16)
• sm (18x24)
• 默認 (24x32)
• lg (48x64)
• xl (120x160)

自定義

如果要定義自己的類型，只需要：

.file-icon[data-type=custom] { background: #38A240;
}

項目主頁：http://www.baiduhome.net/lib/view/home/1419843872265