网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
使用纯CSS创建的文件类型扩展图标。
包括的扩展图标:
doc
docx
log
txt
wps
csv
dat
ppt
xml
mp3
wav
avi
mov
mp4
3ds
max
gif
ai
svg
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>
转载请注明来源:45个纯CSS文件类型/扩展名图标
本文永久链接地址:https://www.moyouyouw.cn/code/719.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论