CSS应用:根据文件类型显示不同图标

2016-02-19 18:54 131 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程，今天给大家分享CSS应用:根据文件类型显示不同图标教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - Web开发】

　　有时候我们的博客上经常会提供一些资源供别人下载，但是像是PJBlog中，所有的下载链接都只用一个图标来表示。有了新CSS3的属性选择符这项新技术后我们就可以根据下载文件的不同类型显示不同的图标了。

这里我们要用到的是
E [att$=value]{…}

    它的意思用以选取所有以value结尾的元素E。那么我们可以这样写：
a[href$='.torrent'] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_torrent.gif) no-repeat center right;
}
a[href$='.vcard'] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_vcard.gif) no-repeat center right;
}
a[href$='.exe'] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_exe.gif) no-repeat center right;
}
a[href$='.dmg'], a[href$='.app'] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_dmg.gif) no-repeat center right;
}

来源:http://www.tulaoshi.com/n/20160219/1619397.html

上一篇：躲在自己的角落,假装自己很快乐~
下一篇： CSS 让IE ff Opera同时支持Alpha透明

看过《CSS应用:根据文件类型显示不同图标》的人还看了以下文章更多>>

页面根据不同Url显示不同Title以及不同的Mete

标签： Web开发

数据库采用SQL Server 2005 Express Edition, 数据库构造就不说了。 SQL语句： SELECT title, keywords, description FROM PageInfo WHERE (url= @url)SqlDataSource，名字为sds 具体的代码如下： using System; using System.Data; using System.Configuration; using System.Collections; using System.Web;...

Linux操作系统下常见文件类型分析

标签： Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理

压缩和打包文件 * .bz2 — 使用bzip2命令压缩的文件，可以使用bzip2 -d filename 解包 * .gz — 使用gzip命令压缩的文件，可以使用gunzip -d filename 解包 * .tar — 使用tar打包的文件，即tarball文件，可以使用tar xf filename 解包 * .tbz — 使用tar打完包后再以bzip2命令压缩的文件，可以使用tar jxf filename ...

Linux文件类型和扩展名的相关知识

标签：电脑入门

我们都知道系统文件的类型是有很多种的，如果不了解文件类型就无法知道某些文件的具体作用，那么Linux系统的文件类型都有哪些呢？下面图老师小编就给大家详细介绍下Linux系统的文件类型及扩展名的知识。 Linux文件类型和Linux文件的文件名所代表的意义是两个不同的概念。我们通过一般应用程序而创建的比如file.txt、file.tar.gz ，这些文件...

Linux中使用file命令识别文件类型的方法

标签：电脑入门

在Linux系统操作过程中，没有扩展名的文件难以识别，我们可以使用命令来识别文件类型，下面图老师小编就给大家介绍下如何使用file命令来识别文件类型。我们知道Linux文件系统是Linux内核支持的基本功能之一，并由根 / 开始往下形成倒立树状的级连式结构。文件与目录是Linux文件系统的两个基本元素，（广义的）文件分为普通文件、目录文件...

Win10设置IE浏览器关联的文件类型