45个纯CSS文件类型/扩展名图标

演示  website 下载

使用纯CSS创建的文件类型扩展图标。

包括的扩展图标：

• doc

• docx

• log

• txt

• wps

• csv

• dat

• ppt

• xml

• mp3

• wav

• avi

• mov

• mp4

• 3ds

• max

• gif

• ai

• svg

• pdf

• xls

• xlsx

• sql

• exe

• js

• html

• xhtml

• css

• asp

• ttf

• dll

• 7z

• zip

• c

• cs

• java

• swift

• torrent

• php

• hh

• go

• py

• rss

• rb

• any

使用方法：

1.在htmle页面中引入css-file-icons.css样式文件。

<link rel="stylesheet" href="build/css-file-icons.css">

2.将CSS类fi和您选择的扩展类添加到DIV元素中，如下所示：

<div class="fi fi-doc">
  <div class="fi-content">Word</div>
</div>

<div class="fi fi-docx">
  <div class="fi-content">Word</div>
</div>

3.使用以下类调整文件图标的大小：

.fi.fi-size-xs: extra small
.fi.fi-size-sm: default
.fi.fi-size-md: middle size
.fi.fi-size-lg: large
.fi.fi-size-xl: extra large

<div class="fi fi-doc fi-size-lg">
  <div class="fi-content">Word</div>
</div>

会员登陆后即可下载资源文件。更多好用网站特效插件，请关注帝国模板之家。