当前位置: 网站建设 > 网页设计 > 建站经验 >

用CSS3实现根据文件类型显示不同图标

时间:2013-03-02 04:07来源:未知 作者:admin 点击:

标签:用CSS3实现根据文件类型显示不同图标 CSS3(90)这里(11)图标(4)我(6)实现(100)类型(12)不同(24)文件(18)根据(5)显示(29)
这里我们要用到的是 E [att$=value]{} 有时候我们的博客上常常会供给一些资源供别人下载,然而像是PJBlog中,所有的下载链接都只用一个图标来表现。有了新CSS3的属性抉择符这项新技巧后我们就可以依据下载文件的不同类型显示不同的图标了。 Tag:CSS3 CSS3 它的意思用以选取所有以value结尾的元素E。那么咱们能够这样写: a[href$='.torrent'] { padding: 5px 20px 5px 0; background: transparent url(icons/
用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实现根据文件类型显示不同图标相关文章
上一篇:用CSS3伪类target如何制作tab选项卡效果 下一篇:用cssText属性批量操作样式技巧
回到顶部