《
用CSS3实现根据文件类型显示不同图标》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302344192013.htm
这里我们要用到的是
E [att$=value]{…}
有时候我们的博客上常常会供给一些资源供别人下载,然而像是PJBlog中,所有的下载链接都只用一个图标来表现。有了新CSS3的属性抉择符这项新技巧后我们就可以依据下载文件的不同类型显示不同的图标了。
Tag:CSS3 CSS3
它的意思用以选取所有以value结尾的元素E。那么咱们能够这样写:
a[href$='.torrent'] {
 ,用CSS3伪类target如何制作tab选项卡效果;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'] {  ,用CSS Sprites加快网页加载速度;
padding: 5px 20px 5px 0;
 ,用class实现IE8“添加网页快讯”功能;background: transparent url(icons/icon_exe.gif) no-repeat center right;  ,用br代替div清除浮动;
}
a[href$='.dmg'], a[href$=',用a程序读取网站的alexa世界排名.app'] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_dmg.gif) no-repeat center right;
}
--> [
网站建设之]用CSS3实现根据文件类型显示不同图标
(责任编辑:网站建设)
用CSS3实现根据文件类型显示不同图标相关文章